使用 CSS 更改默认的“复选框”答案

【问题标题】：Change with CSS the default "checkbox"使用 CSS 更改默认的“复选框”
【发布时间】：2012-03-08 18:08:45
【问题描述】：

我想将我网站上的默认复选框更改为类似于 Mozilla Firefox 复选框“http://www.456bereastreet.com/lab/styling-form-controls-revisited/checkbox/ff2-xp.png” .

请有人帮忙看看怎么做？

我正在考虑在 css 的帮助下这样做......

-webkit-appearance: none;
background: url(checkbox_image_url_here);
width: 12px; height: 12px;

...我可以用这个实现一些目标吗？

希望有人可以帮助我。谢谢大家

干杯亚历克斯

【问题讨论】：

【解决方案1】：

如果只用 CSS 来做这件事，你会限制自己。

我建议检查此link 以了解如何操作，here 是它的工作版本，仅用于 CSS 解决方案。这仅适用于 Safari 和 Chrome，不幸的是，要使其在其他浏览器上运行，您将需要某种 javascript。

【讨论】：