CSS:如何更改特定禁用字段的字体颜色?

时间:2017-10-02 12:14:16

标签: html css disabled-input

我找到了几个关于如何使用下一个代码更改所有禁用字段的字体颜色的主题:

<p class="fontlarg">
    QC_NUM:<b>8300</b>
    </code>
</p>

但我有几个禁用字段,我想只更改目标字段的颜色。那么如何通过ID为此脚本添加定位?谢谢你的帮助!

1 个答案:

答案 0 :(得分:3)

切换input的{​​{1}}选择器:

ID
#thisOne[disabled=disabled] {
 color: #fff !important;
 background: red;
}

一个类可能更有意义,以便您可以重用这些样式:

<input id="thisOne" disabled="disabled" value="Lorem ipsum">

<input id="notThisOne" disabled="disabled" value="Lorem ipsum">
.these[disabled=disabled] {
 color: #fff !important;
 background: red;
}