重置/刪除所有樣式的輸入，選擇和按鈕之間的所有瀏覽器，包括移動

Question

我已經遍尋此，但我只能找到如何更改/修改輸入，選擇和按鈕元素的樣式。

我想要做的是在所有瀏覽器和移動設備上刪除除了值本身之外的所有陰影，邊框，背景，圖標等。

Answer 1

通過CSS設置輸入標籤的樣式。

參見：http://www.w3schools.com/tags/tag_input.asp

輸入等：

input, select, textarea { 

} 

按鈕：

input[type="submit"] { 

} 

重置CSS： http://cssreset.com/

尼斯LO復位： https://necolas.github.io/normalize.css/

Answer 2

您可以使用normalize.css來改善跨瀏覽器呈現。您可以在normalize.css中更新以下類。

button, 
input, 
optgroup, 
select, 
textarea,html input[type="button"], 
input[type="reset"], 
input[type="submit"],button[disabled], 
html input[disabled],button::-moz-focus-inner, 
input::-moz-focus-inner, input[type="checkbox"], 
input[type="radio"], input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button, input[type="search"], input[type="search"]::-webkit-search-cancel-button, 
input[type="search"]::-webkit-search-decoration 

請將以下樣式添加到上述元素中。

element { 
    border:none; 
    background-image:none; 
    background-color:transparent; 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none; 
}