html表单元素上的圆角和颜色边框答案

【问题标题】：round corners and color border on html form elementshtml表单元素上的圆角和颜色边框
【发布时间】：2009-04-20 11:09:39
【问题描述】：

如何在 html 表单中制作很酷的 check-box 和 select-box 元素，也可以在IE 工作？

【问题讨论】：

【解决方案1】：

通常做的是创建一个假元素（通过 javascript）将值设置为隐藏元素（通过 css 隐藏）。然后这个伪元素可以应用任何视觉样式。

【讨论】：

感谢它的帮助，我找到了选择框：brainfault.com/2008/02/10/…
FWIW，这是一个可怕的、可怕的想法。首先，为什么不能正确地为复选框和其他表单元素蒙皮是有原因的。其次，任何声称要剥去你的复选框的东西都不过是一种可怕的黑客行为，应该不惜一切代价避免。
我找到了一个jquery插件dfc-e.com/metiers/multimedia/opensource/jqtransform
这很简洁 :) 但是你只是用这个插件抽象了“隐藏”的元素 :) 检查生成的源代码（通过 Firefox 中的 Web 开发人员）并查看。

【解决方案2】：

复选框和单选按钮的样式不能（一致地）每个浏览器都以自己的方式显示它们，并且一些浏览器完全忽略了为它们设置的样式。

据我所知，Ólafur Waage 所说的（通过 javascript 创建假元素）是最常见的做法。

【讨论】：