.form select.disabled根据您的 HTML，您的 CSS是错误的。

它正在寻找以下内容： 任何具有“form”类的元素，选择“disabled”类。

正确的CSS是：

form select:disabled {
  color: #A9A9A9;
  border: 1px solid #adcede;
  opacity: 0.5;
}

禁用是一个属性。您可以通过使用伪选择器来获得它:disabled（或者甚至使用select[disabled=disabled]它是属性选择器，但使用伪类代替）。

见jsFiddle

optionps：由于已禁用，因此无需设置样式select，因此无法单击打开它。只需相应地选择样式。

你的 CSS 现在有很多问题。

1. 只是使用form不.form引用元素
2. 你不希望select.disabled它指的是一个类，你希望select[disabled="disabled"]它disabled不是一个类，它是一个属性，所以你想使用括号作为属性选择器。您还禁用了下拉菜单，所以我什至不知道最后一个 CSS 语句的目的是什么，您似乎正在尝试使选项透明，因为下拉菜单被禁用，所以您不能这样做。

由于您显然想让表单在被禁用的情况下完全不透明，请从最后一个 CSS 选择器中删除该选项并进行上述更改，一切都应该正常工作。

HTML：

<form>
    <select data-ng-disabled="!option.selectedSubject" data-ng-model="option.selectedContentType" data-ng-options="item.id as item.name for item in option.contentTypes" class="ng-pristine ng-valid" disabled="disabled">
        <option style="display: none" value="" class="">Select Content Type</option>
    </select>
</form>

CSS：

form input.disabled, form select.disabled, form textarea.disabled {
    color: #A9A9A9;
    border: 1px solid #adcede;
    opacity: 0.5;
}
form select[disabled="disabled"]{
    color: #000;
    opacity: 1;
}

JSFiddle：http: //jsfiddle.net/HcaF2/

使用这个插件http://uniformjs.com/很容易编辑 rly cool