CSS : "input [type ="search "] :: - webkit-search-decoration는 무엇을합니까?

Question

input[type="search"]::-webkit-search-decoration의 CSS 선택기에서 ::-webkit-search-decoration 부분이 무엇을하고 있는지 궁금합니다.

그리고 이것이 왜 DOM 예외 오류가 발생합니까?

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/