❗️
フォームの必須項目と任意項目にstyleちゃんとあてられてる？
結論
擬似クラスで:required,:optional というものがあるのでそれを使いましょうって話
具体的な使い方を下記に示します
サンプルコード
上記のように required 属性をつけた要素には:required で style を設定し、その他には:optional で style を設定できる
required 属性はアクセシビリティの観点でも使用するように勧められている
まとめ
上記の属性は <input>, <select>, <textarea>タグに対応している
form 上の上記タグの必須項目には required を設定して共通 style を当てる場合にはこれらの擬似クラスを使おう
Discussion