Css 角材质md卡头背景

Css 角材质md卡头背景,css,angularjs,angular-material,Css,Angularjs,Angular Material,我正在使用AngularJS材质开发一个小的AngularJS应用程序。问题是我无法理解如何使用配置中定义的调色板正确设置md卡头的背景色 $mdThemingProvider.theme('default') .primaryPalette('blue') .accentPalette('pink'); 基本上,我想将原色设置为卡头的背景色。我当然可以复制RGB值,创建一个类并使用这个类设置颜色。但是,我会失去在运行时更改主题的好处,或者至少在更改主题时必须手动更改颜色 如何

我正在使用AngularJS材质开发一个小的AngularJS应用程序。问题是我无法理解如何使用配置中定义的调色板正确设置
md卡头的背景色

$mdThemingProvider.theme('default')
    .primaryPalette('blue')
    .accentPalette('pink');
基本上,我想将原色设置为卡头的背景色。我当然可以复制RGB值,创建一个类并使用这个类设置颜色。但是,我会失去在运行时更改主题的好处,或者至少在更改主题时必须手动更改颜色


如何将md颜色设置为任何元素,尤其是md卡标题?

到目前为止,您还不能为角度材质中的背景着色。对于您的示例,我将使用
md工具栏解决此问题。您可以使用
class=“md warn/md primary/md accent”
使用调色板中的颜色来设置样式

<md-card>
  <md-toolbar class="md-warn" style="border-radius: 3px 3px 0 0">
    <md-card-header>
      <md-card-avatar>
        <img class="md-user-avatar" src="...">
        </md-card-avatar>
        <md-card-header-text>
          <span class="md-title">User</span>
          <span class="md-subhead">subhead</span>
        </md-card-header-text>
      </md-card-header>
    </md-toolbar>

使用者
分目
更新:

Angular material刚刚添加了一个选项,用于在代码中的任意位置使用主题中定义的颜色(1.1.0-rc4)

您现在可以执行

我更新了密码笔

检查

角度材质中的专题设置适用于此

  • md按钮
  • md复选框
  • 海事处进度通告
  • md进度线性
  • md单选按钮
  • md滑块
  • md开关
  • md标签
  • md文本浮点
  • md工具栏

检查卡内置:点。无法将md工具栏添加到md Card中真是太遗憾了。那么,我必须使用一个自定义类来给卡头上色。@ktn当然你可以添加它,就像你可以添加
md按钮
和大多数其他指令一样。它可能不打算这样使用,但它是目前唯一可用的解决方法。