Question

我想知道::-webkit-search-decoration的CSS选择器中input[type="search"]::-webkit-search-decoration部分的作用是什么？

为什么会导致en DOM Exception错误？

function is(selector, element) {
        var div = document.createElement("div"),
        matchesSelector = div.webkitMatchesSelector;
        return typeof selector == "string" ? matchesSelector.call(element, selector) : selector === element;
 }
 is('input[type="search"]::-webkit-search-decoration', document.body);

Answer 1

它允许您在多个浏览器中使搜索框看起来统一。例如，Chrome具有适用于某些设计的搜索框的默认样式。

这是关于该主题的良好链接。 http://geek.michaelgrace.org/2011/06/webkit-search-input-styling/

Answer 2

它只是使你的搜索框有点风格。因为它是css3的属性之一，所以它不适用于每个浏览器。

看一下这个链接 http://css-tricks.com/webkit-html5-search-inputs/

CSS：“输入[type =”search“] :: - webkit-search-decoration”做什么？

2 个答案: