html中radio按键改button,自定义原生单选按钮input[type="radio"]样式的两种方式-CSDN博客

网站介绍:原生单选按钮input[type=="radio"]的样式总是不那么友好,在不同的浏览器中表现不一。我们可以借助伪类来实现。一、 控件与label 并列是否展示思路1、可以为元素添加生成性内容(伪元素),用其来设置单选按钮的样式。2、把真正的单选按钮隐藏起来。代码1、给label标签添加伪类需要注意的是,选中时使用background-clip裁剪内容时,padding会让内容撑大,故width、..._type="radio"的input改变按钮位置