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样式表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;
}

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

1 个答案: