web-dev-qa-db-ja.com

モバイルを含むすべてのブラウザーで入力、選択、およびボタンのすべてのスタイルをリセット/削除します

私はこれをすべて検索しましたが、入力、選択、およびボタン要素のスタイルを変更/変更する方法しか見つけることができません。

私がしたいことは、すべてのブラウザとモバイルで、値自体を除くすべての影、境界線、背景、アイコンなどを削除することです。

cssselectbuttoninput
5
MrJamesBond

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;
}
11
Fazil Abdulkhadar

Cssを介して入力タグをスタイルします。

参照： http://www.w3schools.com/tags/tag_input.asp

入力など：

input, select, textarea {

}

ボタン：

input[type="submit"] {

}

cssをリセットします： http://cssreset.com/

見栄えの良いリセット： https://necolas.github.io/normalize.css/

0
Tom