如何更改 Angular Material 中 md-select 中选中的项目的颜色？

Question

我在 angular-material 1.0.4 中使用深色主题。这是 select 元素在 select 一个项目时的样子：

这是使用默认主题时的样子：

深色主题不能很好地处理颜色。如何更改正在 selected 的项目的背景颜色（图片上为浅灰色）或项目文本的颜色？

我只使用默认值css:

<link rel="stylesheet" href="lib/angular-material/angular-material.css">

这是select的定义：

        <md-input-container flex="30">
            <label>Branch</label>
            <md-select ng-model="selectedBranch">
                <md-option ng-repeat="b in branches" value="{{b.id}}">
                    {{b.name}}
                </md-option>
            </md-select>
        </md-input-container>

这就是我初始化深色主题的方式：

app.config(function ($mdThemingProvider) {
    $mdThemingProvider.theme('default')
        .dark()
        .primaryPalette('orange')
        .accentPalette('yellow')
        .warnPalette('deep-orange');
});

注意：鼠标悬停时使用颜色无法解决问题，因为该项目也可以通过键盘 select编辑。

编辑： 最后，答案就是弄清楚为文本着色的事件是 "focus"。

Answer 1

md-option:hover{
  color: black; 
}

应该可以解决问题。

Answer 2

md-option ._md-text{
 color:green;
}

或（取决于版本）

md-option .md-text{
        color:green;
}

选择器+图标：

md-select ._md-text{
        color:white;
}

//drop down icon : 
md-select ._md-text{display:inline}._md-select-value ._md-select-icon{
        color: white;
}

Answer 3

这是一个可行的解决方案：

md-option:focus{
    color: black;
}

如何更改 Angular Material 中 md-select 中选中的项目的颜色？

How to change the color of the item being selected in md-select in Angular Material?

css

angularjs

material-design

angular-material