我正在尝试将 md-input-container 中占位符的默认GREY 颜色更改为 Material Blue 颜色。我曾尝试更改默认主题,如 documentation 中所述并且我尝试制作自己的主题来为特定的 View /用户界面元素设置主题。但是,以下代码均无法修改 md-input-container 占位符的颜色。我错过了什么?
mainApp.config(function($mdThemingProvider) {
$mdThemingProvider.theme('alt')
.backgroundPalette('blue-grey')
.primaryPalette('orange')
.accentPalette('green');
});
<md-input-container class="md-block" flex="30" md-theme="alt">
<input required type="text" placeholder="Week"
/>
<div ng-messages="$error">
<div ng-message="required">This is required.</div>
</div>
</md-input-container>
最佳答案
尚未找到执行此操作的官方方法。
您可以使用选择器(注意主题名称是其中的一部分):
md-input-container.md-alt-theme label,
md-input-container.md-alt-theme .md-placeholder {
color: rgb(96, 125, 139);
}
或者你可以修改foregroundPalette
,好像输入标签用的是第三个:
$mdThemingProvider.theme('alt').foregroundPalette[3] = 'rgb(96, 125, 139)';
关于javascript - 将主题颜色从灰色更改为蓝色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41527715/