1、首先打开hbuilder软件，新建几个默认的复选框。
专注于为中小企业提供网站制作、成都做网站服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业泗阳免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上千多家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
2、然后在上方的style标签设置input的样式，先设置input的display属性为none，将默认的单选框去掉，在设置一下各个单选框的margin的距离。
3、接着在下方继续设置样式，设置label标签的before和after伪元素，将原有before的单选框选中状态的属性“checked+label”设置变为红色实心框，同时未选中的状态的“label::after”为白色空心方框。
4、最后打开浏览器，即可看到设置好的样式，其中被选中的是红色的实心方框，没被选择的则是没有颜色的方框。
不能吧，那个是系统默认的。。。
可以用checkbox复选框，在选择时js判断只能选中一个，做出类似于单选框的效果
1、引用字体图标样式，用字体图标解决。
2、用背景图片解决。
3、用字符解决，就是
√
√
css样式的原则是这样的，如果有多个元素（大于等于2个），并且需要设置有相同的样式，则可以把他们的class属性设置成一样的，统一进行设置，如果多个元素（大于等2），每个元素之间都没有共同的样式，则可以针对每个元素设置唯一的id属性，对这个唯一的id属性进行设置，就可以显示不同的效果，楼主这样的情况，可以选择对两个元素设置id属性，通过不同的id显示不同的样式效果，但是两个文本框如果有共同的属性也是可以设置class属性的，这个是不冲突的，如果回答的解决了您的问题，请采纳。
对这两个元素设置css属性vertical-align:middle。
1.
首先明确单选框是input标签，和img都属于行内元素，那么他们都可以使用vertical-align属性。
2.
vartical-align是css中设置行内元素相对于父元素的垂直位置的属性，其值有baseline
|
sub
|
super
|
top
|
text-top
|
middle
|
bottom
|
text-bottom
|inherit。默认值为baseline
3.
有时候我们并不需要行内元素完全居中，只是需要提高一点或者降低一点，这是可以对元素应用line-height属性，可以实现像素级的对齐
