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

Question

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

input[disabled=disabled] {
 /* your style */
 color: #fff !important;
}

但是我有几个禁用的字段，我只想更改目标字段的颜色。那么我如何向这个脚本添加一个 ID 定位呢？感谢您的帮助！

Answer 1

为您的 ID 切换 input 选择器：

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

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

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

A class 可能更有意义，以便您可以重复使用样式：

.these[disabled=disabled] {
 color: #fff !important;
 background: red;
}

<input class="these" disabled="disabled" value="Lorem ipsum">
<input class="these" disabled="disabled" value="Lorem ipsum">

<input class="notThese" disabled="disabled" value="Lorem ipsum">

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

CSS: How to change font color for a specific disabled field?

html

css

disabled-input