5

我想知道::-webkit-search-decorationCSS 选择器中的部分做什么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);
4

2 回答 2

6

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

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

于 2012-08-24T02:11:14.393 回答
0

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

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

于 2012-08-24T02:16:58.780 回答