html - 将输入字段的样式重置为浏览器默认值

标签 html css

我需要为除一个输入字段之外的所有输入字段设置样式。 所以我为网站上的所有输入设置了规则。

对于搜索字段,我需要使用浏览器默认值,所以我想我可以继承我为一般输入字段设置的所有值。 (试过 border: none 到)

这在 FF 和 Safari 中都不起作用 :( 边框变得透明。

http://jsfiddle.net/N5KKH/1/

知道如何恢复默认的浏览器样式吗?

编辑:我需要第一个输入字段看起来像第二个输入字段: http://jsfiddle.net/N5KKH/2/

最佳答案

您应该在所有想要设置样式的输入上使用一个类,而不是在标签名称上使用通用选择器。

如果您无法控制它,您可以尝试将输入设置回 here 中列出的默认 css 属性虽然这不是一个很好的解决方案,并且可能不会实际导致输入框的默认外观。

CSS3 具有 not 伪类,可用于选择所有其他输入,但并非所有浏览器都支持。 JS 抽象框架(例如 jQuery)通常允许您跨浏览器使用“not”选择器语法,尽管这远不如纯 html css 解决方案优雅。

关于html - 将输入字段的样式重置为浏览器默认值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4539364/

相关文章:

html - 如何通过 CSS 为列中的每个表格单元格设置样式?

html - 链接到另一个节点中的项目 (XSLT)

html - 灵活高度页眉和页脚 div 之间的灵活 div 高度

jquery - iPhone 喜欢在 web 上打开的文件夹设计

javascript - 根据下拉列表中的选定选项选择要隐藏/显示的字段(编辑时)

html - 按钮相对于中间按钮

javascript - fullcalendar 两类制日历,着色周

javascript - jQuery:当一个元素在页面上可见时,仅触发一次函数

css - 如果 li 的列表高于 ul,则创建列

jquery - 如何编码垂直横幅