在div上使用md-primary

时间:2017-02-16 09:45:21

标签: angular-material

我想在div上使用$ mdThemingProvider.definePalette定义的主要样式,如下所示:

<div class="md-primary">

然而,这不起作用(不应用样式)。

我有什么方法可以使用定义为&#34; md-primary&#34;的样式(颜色)。在任何元素(在这种情况下为div),而不是将样式复制到CSS?

1 个答案:

答案 0 :(得分:1)

这是因为主要不是一种颜色,而是一个托盘,如果是一个按钮,它有<md-button class="md-raised md-primary">My Button</md-button>的预加载值,但在div中你需要指定如下:md-colors="::{background: 'palletename-primary-800'}"并在app config中定义托盘

$mdThemingProvider.theme('palletname')
     .primaryPalette('blue-grey')
     .accentPalette('lime')
     .warnPalette('red');
$mdThemingProvider.setDefaultTheme('palletname');