删除表单元素上的默认浏览器样式

Question

注意：我尝试在谷歌上搜索，但找不到我要找的内容。

浏览器有一些默认样式用于呈现表单元素，这与浏览器不同。有没有办法重置表格元素的所有本机浏览器样式，如选择，无线电，复选框等，以使浏览器的外观一致？

我做了一个简单的例子：

form elements http://grab.by/grabs/34db87ee1ad93e031cc72808feb2c8e7.png

可以看出表单元素的呈现方式略有不同。对于IE，Firefox和Webkit，我想要的是一些样式，可以重置它们，看起来很相似。

那你怎么做的？指向具有所有所需样式的css样式表的链接非常棒。

Answer 1

简短回答：你不能。

答案很长：你可以，但期待痛苦。

我已经用漂亮的手javascript + css一起攻击漂亮的单选按钮，复选框和选择。基本上，在加载输入之后，我隐藏它并用标签/ div替换它，并使用绑定到它们的事件使它们表现得像是正确的输入，而css使它们看起来像那样。事件还会更新基础输入，以便使用表单的其余部分提交正确的值。如果我的脚本barfs或JS已关闭，则用户将获得正常控件。

这不是那么有趣，但结果是可以接受的。

我不期待看到IE使用它的混乱：）

我的灵感来自：

http://sourceforge.net/projects/selectreplace/?showfeed=code

Answer 2

现在这是一个老问题，但添加CSS规则 -webkit-appearance：none 可能有助于删除默认的Webkit样式，例如移动Safari上的药丸形按钮。