如何在Angular Material中更改md-select中所選項目的顏色？

Question

我在角度材料1.0.4中使用黑暗主題。 這是選擇項目時select元素的樣子：

這就是使用默認主題時的樣子：

黑暗的主題不能很好地處理顏色。 如何更改所選項目的背景顏色（圖片上的淺灰色）或項目文本的顏色？

我只使用默認的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; 
}

應該做的伎倆。

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