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

Css 删除表单元素上的默认浏览器样式,css,forms,cross-browser,default,reset,Css,Forms,Cross Browser,Default,Reset,注意:我试过在谷歌上搜索,但找不到我要找的东西 浏览器具有一些用于呈现表单元素的默认样式,这在不同的浏览器中是不同的。是否有一种方法可以重置表单元素(如select、radios、checkbox等)的所有本机浏览器样式,以在浏览器中保持一致的外观 我举了一个简单的例子: 正如我们所见,表单元素的渲染方式略有不同。我想要的是一些风格,可以重置它们,使它们看起来像IE、Firefox和Webkit 那你是怎么做到的?链接到包含所有所需样式的css样式表将非常棒。简短回答:你不能 长答案:你可以,

注意:我试过在谷歌上搜索,但找不到我要找的东西

浏览器具有一些用于呈现表单元素的默认样式,这在不同的浏览器中是不同的。是否有一种方法可以重置表单元素(如select、radios、checkbox等)的所有本机浏览器样式,以在浏览器中保持一致的外观

我举了一个简单的例子:

正如我们所见,表单元素的渲染方式略有不同。我想要的是一些风格,可以重置它们,使它们看起来像IE、Firefox和Webkit


那你是怎么做到的?链接到包含所有所需样式的css样式表将非常棒。

简短回答:你不能

长答案:你可以,但你会感到痛苦

我已经用“花招”javascript+css拼凑出了漂亮的单选按钮、复选框和选项。基本上,在加载一个输入后,我将其隐藏,并用绑定到它们的事件的标签/div替换它,使它们看起来像是正确的输入,并使用css使它们看起来像那样。这些事件还会更新基础输入,以便将正确的值与表单的其余部分一起提交。如果我的脚本barfs或JS处于关闭状态,则用户将获得正常控件

虽然没有那么有趣,但结果还算可以

我不希望看到这一团糟(尽管如此:)

我的灵感来自:


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