Html复选框:更改颜色

Html CheckBox : Change Color

本文关键字：颜色 复选框 Html      更新时间：2023-09-26

在开发.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文本框，则此代码有效。

有人能帮帮我吗？？

将每个复选框包装成一个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>

演示。

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

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