如何恢复normalize.css的输入[type ="search"]的webkit-appearance

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;
}