IT業界の技術をメモ・情報公開できる

cssのappearanceプロパティ

登録日:2025-03-06   
css
ブラウザのデフォルトのスタイル(OSやブラウザのネイティブUIスタイル)を適用するかどうかを制御するためのプロパティ
主にフォーム要素(<input>、<button>、<select> など)の見た目をカスタマイズする際に使用される

例)
element {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

主な値)
auto
ブラウザのデフォルトのスタイルを適用(デフォルト値)

none
ネイティブのスタイルを無効化し、カスタマイズ可能にする

button
ボタンのような見た目にする

textfield
テキスト入力フィールドのような見た目にする

checkbox / radio
チェックボックスやラジオボタンのスタイルにする

menulist
<select> のようなドロップダウンリストのスタイルにする

searchfield
検索ボックスのようなスタイルにする

一覧に戻る