我正在尝试使用以下方式设置复选框的样式:
<input type="checkbox" style="border:2px dotted #00f;display:block;background:#ff0000;" />Run Code Online (Sandbox Code Playgroud)
但风格并未适用.该复选框仍显示其默认样式.我如何给它指定的样式?
我想知道是否可以制作一个行为与单选按钮完全相同的div?我试图在没有使用很多人建议的jquery的情况下实现这一点,我检查了网络并找到了一些.
我之前的做法是使用javascript,这适用于少数
function Switcher(a,b,c,d,e){
document.getElementById('button1').style.background=a;
document.getElementById('button2').style.background=b;
document.getElementById('button3').style.background=c;
document.getElementById('button4').style.background=d;
document.getElementById('button5').style.background=e;
}
Run Code Online (Sandbox Code Playgroud)
与onclick事件
onClick="Switcher(#c5e043,#241009,#241009,#241009,#241009)"
Run Code Online (Sandbox Code Playgroud)
然后单击每个按钮切换,我可以添加一个检查单选按钮功能,但我注意到我可能需要达到20,这使列表真的很长.
我想知道是否有人有一个更简单的解决方案来解决这个问题?基本上我需要一个div,其行为就像一个单选按钮,可以在选中时改变bgcolor或smthg(收音机也是如此)