这里我有各自样式的复选框和单选按钮
dio buttons
dio">
dio-1" type="radio" name="Data1" value="agree" checked />
dio-2" type="radio" name="Data1" value="disagree" />
BoxesBox">
Box-1" type="checkBox" name="Data2" value="option1" checked />
Box-2" type="checkBox" name="Data3" value="option2" />
我想改变图像:悬停,我该怎么做
最佳答案
使用此代码:
原文链接:https://www.f2er.com/html/425993.htmlinput[type=checkBox] + label:hover:before,input[type=radio] + label:hover:before{
background: url('http://cnt.in.bookmyshow.com/bmsin/SLIMG/1_2.gif?v1');
}
结合了两个css伪类 – :hover:之前实现的效果.
我还更改了“选定的”背景代码:
background: url('http://cnt.in.bookmyshow.com/bmsin/SLIMG/1_4.gif') !important;
至
background: url('http://cnt.in.bookmyshow.com/bmsin/SLIMG/1_4.gif');
这是为了在悬停时停止图标从绿色变为灰色.