javascript - IE 禁用将颜色更改为灰色

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;
}

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

如果有人绕过了这个问题，所以它可以变黑，那将非常有帮助。

谢谢 主场

Answer 1

你可以这样尝试:

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

Source link