无涯教程网

声明Angular material 中按钮的自定义 colored颜色

发布于02月06日

我已经在我的项目中创建了一个组件duck. 在duck.component.html中，我希望有这段代码.

<button mat-raised-button color="secondary">
    Button
</button>

这不起作用，因为secondary没有声明.我可以看到primary、warn、accent等，如图here所示.我希望有更大的 Select 自由.

我怎么才能推出新的color美元呢？

我试着用谷歌搜索了一下，但找不到任何有用的东西.我甚至找不到他们如何在material 包装中定义它.

推荐答案

从这个意义上来说，不可能定义一种新的 colored颜色 .可用的 colored颜色标识符由ANGLE的主题预定义.您可以相应地更改调色板(例如，更改accent色)，也可以简单地为按钮定义一个css类，将background-color设置为您想要的任何 colored颜色，例如

button.blue {
  background-color: blue;
}

然后在你的按钮上使用它

<button mat-raised-button class="blue">Click me</button>

Angular相关问答推荐

Goto锚定在嵌套容器中，具有溢出自动

升级到angular 17并转换为独立的加载器拦截器后，

Angular 如何渲染ngFor？

在Angular中使用ngFor进行表乘法

天使17中的倒计时器

如何防止打印后的空格后的HTML元素的Angular ？

等待可观察性完成后再调用下一个

RxJS如何按顺序进行POST请求，只有在前一个完成后才会触发新的请求？

Angular：如何设置 PrimeNG p-steps 组件中已完成步骤的样式？

如何在Cypress 测试中切换 Angular 选项卡

使用 RxJS forkJoin 时传递参数的最佳方式

angular 13 ng 构建库失败(ivy部分编译模式)

为什么 Angular2 (click) 事件没有在
上触发？

Subject.complete() 是否取消订阅所有听众？

无法获得 angular-material md-sidenav 的 100% 高度

如何在angular material中使用输入类型文件

ERROR 错误：StaticInjectorError(AppModule)[UserformService -> HttpClient]：

如何提高 Angular2 应用程序的加载性能？

使用 DomSanitizer 绕过安全性后，安全值必须使用 [property]=binding

ng-template 上的 *ngFor 不输出任何内容

实用课程推荐

相关教程推荐