Question

在开发.NET应用程序期间，我遇到了一个问题。

我想要做的是更改简单Html复选框的背景颜色，因此我使用了以下HTML代码：

<input type="checkbox" id="check1" style="background-color: yellow" />

此代码仅适用于OPERA，而不适用于其他浏览器（Chrome，Firefox，Explorer）

所以我也使用了Javascript代码：

document.getElementById("check1").style.backgroundColor = "yellow"

和JQuery sintax：

$("#check1").css("background-color", "yellow")

但结果是一样的。

如果我使用HTML TextBox，则此代码有效。

有人可以帮帮我吗？

Answer 1

将每个复选框包装到div中，然后更改div的背景颜色。

所以它应该是这样的：

<div style="background-color: yellow;">
<input type="checkbox" />
</div>
<div style="background-color: red;">
<input type="checkbox" />
</div>
<div style="background-color: green;">
<input type="checkbox" />
</div>

Demo.

Answer 2

即使在新的Opera中也不行，所以我建议用div容器包装它。

<div id="check1_Container">
<label for="check1">Check box 1</label>
<input type="checkbox" id="check1" style="background-color: yellow" />
</div>

Html CheckBox：改变颜色

2 个答案: