如何恢复 normalize.css 的 input[type="search"] 的 webkit 外观答案

【问题标题】：how can I revert webkit-appearance for input[type="search"] of normalize.css如何恢复 normalize.css 的 input[type="search"] 的 webkit 外观
【发布时间】：2014-06-27 11:05:29
【问题描述】：

我正在使用 normalize.css，它确实删除了搜索输入的图标

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

我想在我的 css 文件中恢复一些选择器（不是全部！），但我找不到它的默认用户代理样式。

对于搜索取消按钮，解决方法是：

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

但是webkit-search-decoration 属性没有恢复，我不知道什么也被规范化了。而且我无法检查样式，因为它是这个花哨的特殊伪元素！

这是一个演示：http://jsbin.com/capujozi/1/edit

在哪里可以找到默认用户代理样式值的规范？

【问题讨论】：

标签： css google-chrome safari webkit normalize

【解决方案1】：

在哪里可以找到默认用户代理样式值的规范？

您可以找到 WebKit 的 UA 样式表 here 的最新副本。

下面是::-webkit-search-decoration伪元素的相关规则：

input[type="search"]::-webkit-search-decoration {
   -webkit-appearance: searchfield-decoration;
    display: block;
   -webkit-flex: none;
   -webkit-align-self: flex-start;
    margin: auto 0;
}

【讨论】：