【问题标题】:Changing theme color from grey to blue将主题颜色从灰色更改为蓝色
【发布时间】:2017-01-08 16:16:45
【问题描述】:

我正在尝试将 md-input-container 中占位符的默认 GREY 颜色更改为 Material Blue 颜色。我尝试更改documentation 中提到的默认主题,并且尝试将自己的主题设置为特定视图/ ui 项的主题。但是,以下代码都不能修改 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>

【问题讨论】:

  • 你有例子吗?
  • 一个codepen什么的...

标签: javascript css angularjs angular-material mean-stack


【解决方案1】:

还没有找到正式的方法来做到这一点。

您可以使用选择器(注意主题名称是其中的一部分):

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

【讨论】:

  • 完美解决方案。你在哪里找到foregroundPallete?除非您从源代码中找到它,否则找不到它的文档。
  • 遗憾的是没有发现它记录在案。在源代码中找到它并在 Github 上的一个问题中提到。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-08-08
  • 2021-12-31
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多