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

简短回答 你不能。

长回答 :你可以,但要期待痛苦。

我用“灵巧的手”javascript+css把好看的单选按钮、复选框和选项拼凑在一起。基本上,在加载一个输入之后,我隐藏它,并用绑定到它们的事件替换它,使它们看起来像是正确的输入,用CSS使它们看起来像是正确的输入。这些事件还更新基础输入,以便将正确的值与表单的其余部分一起提交。如果我的脚本barfs或js关闭,那么用户将获得正常的控件。

虽然没那么有趣,但结果还是可以接受的。

我不希望看到这一团糟。

我的灵感来自:

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

这是一个旧问题,但添加了CSS规则 -WebKit外观:无 可能有助于删除默认的WebKit样式,例如Mobile Safari上的丸形按钮。