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

2018年10月30日2020年8月17日

目次へ

環境

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

★活性時

★非活性時

select:disabled {
    color: blue;
}

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

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