Question

您好我在我的选择下拉列表中使用了禁用功能，因为我不希望它是可点击的..现在它将我的文字变为灰色。

HTML：

<select disabled>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

我用一些css覆盖它会隐藏我的下拉和边框等，并且还将颜色变为黑色：

select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none; 
border: none;
/* needed for Firefox: */
overflow:hidden;
width: 90%;
background-color: #F2EDE9;
color:black;

}

select::-ms-expand {
    display: none;
}

现在它在所有其他browsars chrome，FF，safari上都很好，但是我希望它改变颜色的是IE。禁用的选择下拉字体颜色保持灰色。它需要是一个选择下拉列表，所以请不要建议使用readonly等等。

如果有人绕过这个，那么它可以变成黑色，这将是非常有帮助的。

由于 Dom

Answer 1

您可以尝试这样：

input[type="text"][disabled] {
   color: red;
}

Source link

Answer 2

尝试为select元素的:disabled伪类指定颜色：

select:disabled{color:#000;}

IE禁用将颜色更改为灰色

2 个答案: