CSS：如何在HTML复选框中更改“检查”的颜色？

Question

如何更改HTML复选框中“检查”的颜色？

默认情况下，在WinXP Firefox / Chrome / IE上 - 检查为绿色。我想将INPUT type="checkbox"内的支票更改为橙色

Answer 1

无法与库存input一致地执行此操作。例如，Safari永远不会尊重你的调整。

您可以使用JavaScript来呈现充当复选框的样式元素。 Here's one plugin that uses jQuery

Answer 2

正如其他人所说，这在跨浏览器方式下并不是特别容易。

但另一种可能性是jQuery UI，它是高度可定制的。你甚至可以在他们的网站上design a theme。除此之外，还可以使用jQuery UI Checkbox。

你可以通过Javascript和CSS的组合来推出自己的轻量级版本。但我想你会遇到很多兼容性问题，这些问题已经被jQuery人员弄明白了。

Answer 3

<style>input[type=checkbox] { background-color: #F00; color: #0F0; } </style>
<input type="checkbox" CHECKED>

这不是跨浏览器的解决方案（嘿，IE！）。这是一个更便携的：

<style> input.checkbox { background-color: #F00; color: #0F0; } </style>
<input type="checkbox" class="checkbox" CHECKED>