2014-05-09 36 views
4

我使用normalize.css的輸入[類型=「搜索」]和它移除搜索輸入的圖標我怎樣才能恢復WebKit的外觀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

我在哪裏可以找到的默認用戶代理樣式值的規格?

回答

5

在哪裏可以找到默認用戶代理樣式值的規格?

你可以找到一個相當新的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; 
}