如何恢复webkit- normalize.css的输入[normalize.css“搜索”]的外观

Question

我使用的是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

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

Answer 1

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

您可以找到WebKit的UA样式表这里的最近副本。

下面是::-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;
}