关于如何修改input中radio的默认样式
前端中的input类标签中的radio和checkbox前⾯的选框的样式是不能改变的,但是这往往会造成我们在⽤起来时候样式的局限性,以下是改变样式的⽅法:隐藏默认样式,并将⾃⼰喜欢的样式作为背景图⽚显⽰;
⾸先:将默认样式隐藏,代码为
input[type = "radio"] {
display: none;
}
raido的样式为:
第⼆步:加⼊背景图⽚
因为我的图⽚的⼤⼩为15乘30,所以我为背景图⽚留出⾄少15的空间即可;
设置⿏标滑过的时候,样式改变,只需要改变背景图⽚的定位就好,;
原图⽚为:
整体代码如下:
htmlradio设置默认的按钮
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论