相关疑难解决方法(0)

如何使用CSS设置复选框的样式?

我正在尝试使用以下方式设置复选框的样式:

<input type="checkbox" style="border:2px dotted #00f;display:block;background:#ff0000;" />
Run Code Online (Sandbox Code Playgroud)

但风格并未适用.该复选框仍显示其默认样式.我如何给它指定的样式?

html css checkbox

788
推荐指数
21
解决办法
158万
查看次数

制作像单选按钮一样的div

我想知道是否可以制作一个行为与单选按钮完全相同的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(收音机也是如此)

html javascript css

8
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×2

html ×2

checkbox ×1

javascript ×1