css3更改radio的颜色和样式

<input id="radio"  type="radio" name="age" /><label for="radio"><span><span></span></span></label>

几个关键点:

(1)设置input的opacity为0。

(2)在input后面添加一个label,for属性绑定input的id。

(3)在label中加入两个<span>标签,内部标签负责checked样式,外部负责未选中样式边框。然后在css中修改想要的样式就可以了,样式类似这个样纸。

发布了32 篇原创文章 · 获赞 11 · 访问量 11万+

猜你喜欢

转载自blog.csdn.net/jinxi1112/article/details/52702861
今日推荐