简直菜得扣脚
浏览器自己有一些诸如滚动条,文本框,输入框的特有样式,如果直接使用会根据不同浏览器造成不同的显示效果,所以会重写这些样式是很有必要的。
input元素
radio类型
很容易理解有选中前的样式和选中后的样式,选中前的样式很好选择,选中后的样式可以用:check这个伪类选择器选中。(多浏览器支持我还没完全掌握,目前只用webkit内核浏览器来说)
然后先用-webkit-appearance:none;关闭浏览器自带样式,然后要做成选中前是一个空心圆,选中后是一个中间有个实心点的圆。(可以理解为在谷歌浏览器上自带的radio样式)
空心圆可以使用圆角+背景色+阴影来表示:
<代入你的选择器>{
-webkit-appearance:none;
height: 13px;
width: 13