Udemyの人気コースが今なら80%OFF!

【IE11】select要素の非活性時に文字色を変える方法(活性時の文字色を維持する方法)

【IE11】select要素の非活性時に文字色を変える方法(活性時の文字色を維持する方法)

環境

  • Windows7/8.1/10
  • IE11(エンタープライズモードなし/互換表示モードなし)

問題

問題
以下のようにselect要素を非活性にすると、活性時に比べて文字色が薄くなってしまう場合があります。
★活性時

★非活性時

解決方法

1.疑似要素disabledを使う

select:disabled {
    color: blue;
}

2.疑似要素::-ms-valueも使う

disabledだけでは効かない場合、次のように::-ms-valueも組み合わせて使うと大抵効くことが多いです。

select:disabled::-ms-value {
    color: blue;
}

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です