javascript - Html CheckBox：更改颜色

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 语法：

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

但结果是一样的。

如果我使用 HTML 文本框，则此代码有效。

有人能帮助我吗 ？？

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>

演示。

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>