繁体   English   中英

更改角材料中的复选框颜色

change checkbox color in angular material

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我正在使用角材料(6.4.7)。 我正在使用select ,我想更改选择复选框的颜色。 我试过/deep/::ng-deep但没有成功。 我想,对于这些复选框,我以错误的方式使用它。

这是stackblitz 链接

2 个回复

将此添加到 select-multiple-example.css 在 stack-blitz 链接中有效

::ng-deep .mat-primary .mat-pseudo-checkbox-checked {
    background: red;
}

我知道我的回答有点晚了,但这对我来说是最好的

// for color when checkbox is checked 
::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background,.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: orange;
}

//to change the border color 
::ng-deep .mat-checkbox-frame{
  border-color: rgb(75, 75, 75, 0.7);
}
1 角度材料更改复选框颜色

我正在使用 angular-material2 的复选框。 目前复选框的默认颜色为紫色。 看起来他们已将复选框的默认颜色从“主要”更改为重音。 有没有办法在不覆盖 css 的情况下获得“主要”(绿色)颜色而不是紫色。 我试过给 color="primary" ,但这没有用。 代码: <md- ...

2 角材料2更改根后代复选框颜色

我正在使用带有复选框的角形材质2树,并且我想动态更改复选框的颜色。 简单的方法是单击它(触发(更改)事件)并更改MatCheckboxChange.source.color 。 问题是,当我单击根节点时,有什么方法可以获取所有后代复选框源(更改所有后代的颜色)? 这里的例子 模板 ...

3 角度材料变化主题颜色 复选框

是否可以使用材质主题更改复选框的颜色? 例如,使用正常情况,您只需执行<mat-checkbox color="primary"> 。 但是像<mat-list-option color="primary">这样的东西似乎没有任何效果。 我在Angular Ma ...

6 占位符的材质角度变化颜色

我正在使用Angular 6,Material-UI,并且试图更改选择中占位符/输入的颜色。 红色背景已设置好进行测试。 我看到它的背景变为red ,但文本仍然是深灰色。 它没有变化的原因吗? ...

8 更改角度材料中的验证颜色

我正在通过以下方式验证我的表格: 这是以html形式实现的 这是初始加载的结果: 如您在图像中看到的,尚未执行任何操作,必填的输入字段的行和字体为默认颜色,但是对于那些没有必填属性的输入字段,其行颜色和字体为绿色。 并且,当我开始填写必填字段时,行和字体的颜色也会变为绿 ...

9 Angular Material Snackbar 改变颜色

我将 Angular 7 与 Material Snackbar 一起使用。 我想将 Snackbar 的颜色更改为绿色。 在 app.component.ts 中,我有: 在 app.component.scss 中,我有: 但是 Snackbar 仍然以其默认颜色显示。 我可以看 ...

10 更改角材料复选框的颜色

我一直很难找到一种解决方案,使角材料复选框中的复选标记的颜色变为白色。 我尝试在主题之间切换并浏览了所有堆栈帖子,但似乎没有任何效果。 我怎样才能让复选标记变成白色? <mat-checkbox class="buyItNowLabel" [(ngModel)]="buyItNowEnabl ...

2019-12-15 20:55:41 2 967   angular
暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM