2016-02-03 61 views
3

我在角材1.0.4中使用黑暗的主題。這是選擇元素的外觀選擇項目時,如:如何更改在角度材質中選擇的md-select項目的顏色?

Selecting item in dark theme

,這是它的外觀使用默認的主題時,如:

Selecting item in default theme

黑暗的主題不處理顏色非常好。如何更改被選項目的背景顏色(圖片上的淺灰色)或項目文本的顏色?

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

注意:問題未解決使用鼠標懸停上的顏色,b因爲該項目也可以通過鍵盤選擇。


編輯:最後,得到的答覆是所有關於找出該事件,其顏色的文本,是「焦點」。

+0

請把你的代碼,以便我們可以幫助你 –

回答

0

這裏是一個有效的解決方案:

md-option:focus{ 
    color: black; 
} 
-1
md-option:hover{ 
    color: black; 
} 

應該這樣做。

+0

爲什麼這麼多downvotes?他也在sm4之前回答! – Alex

0
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; 
} 
相關問題