search

qrac / shitajicss

Resetting CSS for web production
https://shitajicss.qranoko.jp
18 stars 2 forks source link

フォーム要素への文字色引き継ぎ #22

Closed qrac closed 6 years ago

qrac commented 6 years ago

body の文字色が #000 以外の場合（※ここでは確認のためわかりやすい red を指定）

Before

image

button input select textarea は文字色に body の色が引き継がれず、CSSデザインで毎回修正する必要がある。フォーム要素だけ文字色が真っ黒となる場合がほとんど。

After

image

inherit を設定することで回避できる。

button,
input,
select,
textarea {
    color: inherit;
}
qrac commented 6 years ago

スタイルを付与する意味合いが強いので、CSSフレーム側で調整することにする。