【问题标题】:Angular material theme stays defaultAngular 材质主题保持默认
【发布时间】:2016-01-16 18:54:10
【问题描述】:

无论我做什么,H1 颜色都保持白色且没有背景色, 这是我的代码:

<div ng-app="TestApplication">
    <md-toolbar>
        <h1 class="md-primary">Hello world</h1>
    </md-toolbar>
</div>

Javascript:

var app = angular.module('TestApplication', ['ngMaterial']);
app.config(function($mdThemingProvider) {
  $mdThemingProvider.theme('default')
    .primaryPalette('red')
    .accentPalette('yellow');
});

codepen

我正在使用: 角度 - V1.4.8 角材料 - V1.0.2

非常感谢你们

【问题讨论】:

  • 那么你想改变工具栏颜色还是在h1周围加一个框?
  • 我编辑了您的帖子以包含示例代码和 codepen。 Pastebin 不是很有帮助,尝试提供一个人们可以玩的最小示例。现在请完善您的问题,因为我不完全理解您对样本的期望有何不同。
  • 谢谢你们,我成功了,我仍然不知道问题是什么,我刚刚重新打开了项目及其工作。

标签: angularjs angular-material


【解决方案1】:

您只能为指令定义主题。如果您想覆盖子元素颜色,请使用 CSS。

h1{
  color: red;
}
<div ng-app="TestApplication" ng-cloak>
  <md-toolbar class="md-accent">
    <h1> Hello world </h1>
  </md-toolbar>
</div>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-06-11
    • 2018-08-26
    • 2017-08-04
    • 1970-01-01
    相关资源
    最近更新 更多