我在角度材料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');
});
NOTE: 使用鼠标悬停时的颜色无法解决问题,因为该项目也可以通过键盘选择 .
EDIT: 最后,答案是关于弄清楚为文本着色的事件是"focus" .
3 回答
应该做的伎俩 .
或(取决于版本)
选择器图标:
这是一个有效的解决方案: