css 我们可以改变边界颜色的垫复选框的Angular ?

wfsdck30  于 12个月前  发布在  Angular
关注(0)|答案(2)|浏览(119)

在我的项目黑色的主题,我们正在使用,所以,需要显示复选框边框颜色与白色边框。但是,css是不是在复选框和边框颜色不改变工作。
有什么方法可以改变垫复选框的边框颜色吗?我使用的是角材料复选框,我已经写在下面的链接。


的数据
Angular material checkbox

hm2xizp9

hm2xizp91#

下面的CSS似乎可以完成这项工作,请根据您的要求更改它!

.mdc-checkbox
  .mdc-checkbox__native-control:enabled
  ~ .mdc-checkbox__background {
  border-color: red !important;
  background-color: transparent;
}

字符串
stackblitz

oymdgrw7

oymdgrw72#

::ng-deep .custom-checkbox .mat-checkbox-frame {
  border-color: #ff0000 !important;  /* Change this to the desired color */
}

<mat-checkbox
  class="custom-checkbox"
  color="primary"
>
  Check me!</mat-checkbox
>

字符串

相关问题