css - Angular Material 设计 css 文件中缺少 "md-accent"css 类

标签 css angularjs material-design

在 Material AngularJS 文档(https://material.angularjs.org/#/Theming/02_declarative_syntax)中告诉我们可以使用“md-accent”,以及“md-primary”和“md-warn”:

The classes to apply the color intention for a given component are as follows: md-primary, md-accent, md-warn.

<md-button class="md-primary">Click me</md-button>
<md-button class="md-accent">or maybe me</md-button>
<md-button class="md-warn">Careful</md-button>

但是,“md-accent”类并没有出现在官方 css 文件中: http://ajax.googleapis.com/ajax/libs/angular_material/0.6.1/angular-material.css

我看到了一个例子:https://material.angularjs.org/#/demo/material.components.button

<md-button class="md-accent">Accent</md-button>
<md-button class="md-accent md-raised md-hue-3">Accent Hue 3</md-button>

但它对我不起作用,我已经在不同的组件上测试过它并且“md-accent”什么都不做。

文档过时了吗?我还缺少其他东西吗?

最佳答案

这是 0.6.1 中的一个错误,文档正在使用(在我写这篇文章的那一刻)版本 0.7.0-rc1。

如果我使用“快照”版本 (v0.7.0-rc2),它工作正常:

<!-- Angulars Material CSS using RawGit to load directly from `bower-material/master` -->
<link rel="stylesheet" href="//rawgit.com/angular/bower-material/master/angular-material.css">

<!-- Angular Material Javascript using RawGit to load directly from `bower-material/master` -->
<script src="//rawgit.com/angular/bower-material/master/angular-material.js"></script>

关于css - Angular Material 设计 css 文件中缺少 "md-accent"css 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27856849/

相关文章:

android - ChipGroup - 防止芯片被取消选择

css - 如何从 Angular2 组件 styleUrls 中获取源映射

javascript - jQuery 具有 min-height 属性的元素的动画高度?

javascript - 对 Angular js 中的 $http 拦截器感到困惑

angularjs - 如何禁用 Angular ui 路由器状态的数据继承

angularjs - 当我按 Enter 键时,mdDialog promise 未解决

javascript - 用户素材-UI React 字体图标

css - 中心 react 比div

javascript - Angular |指令未传回正确的值

android - 有没有办法改变 Material 设计 CardView 特定角的半径