ブラウザのデフォルトのスタイル(OSやブラウザのネイティブUIスタイル)を適用するかどうかを制御するためのプロパティ
主にフォーム要素(<input>、<button>、<select> など)の見た目をカスタマイズする際に使用される
例)
element {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
主な値)
auto
ブラウザのデフォルトのスタイルを適用(デフォルト値)
none
ネイティブのスタイルを無効化し、カスタマイズ可能にする
button
ボタンのような見た目にする
textfield
テキスト入力フィールドのような見た目にする
checkbox / radio
チェックボックスやラジオボタンのスタイルにする
menulist
<select> のようなドロップダウンリストのスタイルにする
searchfield
検索ボックスのようなスタイルにする