您的位置:首页 > Web前端 > CSS

css3更改radio的颜色和样式

2016-09-29 16:14 162 查看
<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中修改想要的样式就可以了,样式类似这个样纸。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐