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

Posted 2023-04-14

【中文标题】使用 CSS 更改默认的“复选框”

【英文标题】：Change with CSS the default "checkbox"

【发布时间】：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。

【讨论】：

您好。感谢您提供帮助我的信息。