css - Angular Material 中的复选框边框颜色样式(md-checkbox)

Question

我只是想知道是否有任何方法可以设置 md-checkbox 的样式 如下所示:

Codepen code for input checkbox

注意:我只是想更改复选框的边框颜色。

我尝试过以下方法但没有成功:

SCSS

$dal-green: #45ba8e;
    .check{
    md-checkbox {
      border: 2px solid $dal-green; 
    }
    }

HTML:

     <div class="check"> 
<md-checkbox></md-checkbox>
</div>

我在网上搜索过，但没有成功。如果任何机构可以提供 css 来覆盖边框颜色，那将会有很大的帮助。提前致谢。

Answer 1

试试这个，

.check{
md-checkbox {
  border: 2px solid #009688; 
}
}