如何仅为* * *复选框更改复选框的背景颜色?

时间:2018-02-12 17:05:41

标签: html

我希望有一段简单的代码可以在取消选中时更改复选框的背景颜色。

我试过

<form>
<input type=checkbox style="background: rgb(0, 255, 0) none repeat scroll 0%; color: rgb(0, 0, 255);">
</form>

但这不起作用。

请注意,尽管存在相关问题,但我的问题在于:

  1. 我有兴趣在同一页面上为不同的复选框设置不同的颜色。

  2. 我感兴趣的是只使用&#34; style&#34;标记到输入标记以获得所需的结果。

  3. 如果需要,我不介意添加一些CSS序言。

1 个答案:

答案 0 :(得分:0)

复选框没有背景颜色,每个浏览器都会呈现这些元素的默认版本。复选框和单选按钮有点难以控制。

一个常见的解决方案是在复选框/无线电元素的顶部放置另一个元素

而不是在这里粘贴大量代码,下面的链接可能会更有帮助

https://www.w3schools.com/howto/howto_css_custom_checkbox.asp

有许多不同的技术,但这是一个很好的起点。

(编辑:在第2点,不可能这样做)