如何使禁用的选择框看起来像普通文本框（仅限CSS）

Question

我尝试更改选择框的内联css，如下所示

.chosen-disabled .chosen-single {
  cursor: default;
  color: #000;
  border: 1px solid #444; 
}

选择框似乎已褪色，但我需要它看起来像普通文本字段（但仍然被禁用）。

请在此帮助我，并提前致谢。

Answer 1

感谢@Christoph和@Carine，我通过给内联css覆盖选择的禁用类

.chosen-disabled {
    opacity: 1 !important;
}

现在它的工作正常，再次感谢您的支持。

Answer 2

您可以使用已禁用的CSS选择器。

input[type="text"]:disabled {
    background: #dddddd;
}

演示： http://fiddle.jshell.net/bronni/ar1qoznj/

Answer 3

DEMO

我不是100％，如果这是你正在寻找的东西，但它似乎根据你所说的你想要的工作（当禁用时文字是红色的）

CSS：

select {
  cursor: default;
  color: #000;
  border: 3px solid #444; 
}

select.disabled {
    color:red;
}

HTML：

<select disabled class="disabled">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>