css - 如何更改在 Angular Material 的 md-select 中选择的元素的颜色？

Question

我在 angular-material 1.0.4 中使用深色主题。这是选择元素时选择元素的样子:

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

深色主题不能很好地处理颜色。如何更改被选中元素的背景颜色(图片上为浅灰色)或元素文本的颜色？

我只使用默认的 CSS:

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

这是选择的定义:

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

注意:在鼠标悬停时使用颜色无法解决该问题，因为该元素也可以通过键盘选择。

---

编辑:最后，答案就是弄清楚为文本着色的事件是“焦点”。

Answer 1

md-option:hover{
  color: black; 
}

应该可以解决问题。