Css 角材质md卡头背景
我正在使用AngularJS材质开发一个小的AngularJS应用程序。问题是我无法理解如何使用配置中定义的调色板正确设置Css 角材质md卡头背景,css,angularjs,angular-material,Css,Angularjs,Angular Material,我正在使用AngularJS材质开发一个小的AngularJS应用程序。问题是我无法理解如何使用配置中定义的调色板正确设置md卡头的背景色 $mdThemingProvider.theme('default') .primaryPalette('blue') .accentPalette('pink'); 基本上,我想将原色设置为卡头的背景色。我当然可以复制RGB值,创建一个类并使用这个类设置颜色。但是,我会失去在运行时更改主题的好处,或者至少在更改主题时必须手动更改颜色 如何
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按钮
和大多数其他指令一样。它可能不打算这样使用,但它是目前唯一可用的解决方法。