Question

div+css中将默认的单选按钮样式（圆的）变成正方形的样式怎么写?

Answer 1

1、首先打开hbuilder软件，新建几个默认的复选框。

2、然后在上方的style标签设置input的样式，先设置input的display属性为none，将默认的单选框去掉，在设置一下各个单选框的margin的距离。

3、接着在下方继续设置样式，设置label标签的before和after伪元素，将原有before的单选框选中状态的属性“checked+label”设置变为红色实心框，同时未选中的状态的“label::after”为白色空心方框。

4、最后打开浏览器，即可看到设置好的样式，其中被选中的是红色的实心方框，没被选择的则是没有颜色的方框。

Answer 2

这个样式是浏览器根据系统主题默认的，CSS改不了，另外还有一点很重要，就是国际惯例，单选钮就是圆形的，复选是正方形，擅自更改会给浏览者制造不必要的麻烦，降低网站可用性，这是个忌讳。

要实现样式替换的话，可以用JS监听点击行为，然后替换不同的图片或样式。

Answer 3

用js吧 csss搞不定的