How can I return the webkit look for input [type = "search"] normalize.css

Question

I use normalize.css and it removes the icon for search inputs

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

I want to return some selectors (not all!) To my css file, but I cannot find the default user agent styles for it.

for cancel search button solution:

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

But the property has webkit-search-decorationnot returned, and I do not know what has also been normalized. And I can’t check the styles because it is a fantastic special pseudo-element!

here is a demo: http://jsbin.com/capujozi/1/edit

Where can I find specifications for user agent default style values?

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