我尝试在我的网络应用程序中自定义表单输入,为此我必须清除默认浏览器样式
-webkit-appearance: none
因此,在 Chrome 和 Safari 中,我有漂亮的复选框、收音机等。但在 FF 和 Opera 中,我的和浏览器的两种样式似乎都处于活动状态。有没有办法停用 FF、IE 和 Opera 的默认样式?
更新:我已经尝试过,-o-appearance: none
并且-moz-appearance: none
没有结果。
我尝试在我的网络应用程序中自定义表单输入,为此我必须清除默认浏览器样式
-webkit-appearance: none
因此,在 Chrome 和 Safari 中,我有漂亮的复选框、收音机等。但在 FF 和 Opera 中,我的和浏览器的两种样式似乎都处于活动状态。有没有办法停用 FF、IE 和 Opera 的默认样式?
更新:我已经尝试过,-o-appearance: none
并且-moz-appearance: none
没有结果。
Firefox 和 IE 不(还)支持外观属性。
checkboxes
但是,您可以radio buttons
使用纯 CSS 轻松自定义输入。
该实现涉及隐藏输入并使用标签(带有before
自定义样式的伪元素)来触发输入
有关跨浏览器自定义输入,请参阅此FIDDLE 。