有人可以告诉我,当您单击角度材质复选框时,如何更改圆形的颜色。如下图所示(粉色圆圈)
这是官方网页的链接:https://material.angular.io/components/checkbox/overview https://material.angular.io/components/checkbox/overview
谢谢您的帮助
复选框(复选标记和波纹)默认使用accent
颜色来自你的主题。您可以使用以下命令将其更改为使用原色color = "primary"
元素上的属性。如果您想使用自定义颜色(即不是来自主题),你必须手动覆盖 CSS 或创建自定义主题 https://material.angular.io/guide/theming.
如果您只想覆盖波纹的颜色,您可以覆盖.mat-ripple-element
每当您单击该复选框时,都会添加到生成的波纹元素上的类。添加您想要的样式theme.scss
.
.custom-ripple {
.mat-ripple-element {
background-color: rgba(100, 200, 50, 0.5) !important;
}
}
这是一个例子 https://stackblitz.com/edit/angular-material-pjhvgs.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)