Angular材質中的復選框邊框顏色樣式（md-checkbox）

Question

我只是想知道是否有樣式如下所示的md-checkbox樣式：

輸入的Codepen代碼復選框

注意：我只想更改復選框的邊框顏色。

我嘗試了以下方法，但沒有成功：

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; 
}
}

Answer 2

嘗試這樣的事情：

md-checkbox .md-icon {
  border-color: green;
}

Answer 3

在新版本中，您應使用下划線_md-icon：

        md-checkbox.md-checked ._md-icon {
         background-color: transparent;
        }


        md-checkbox ._md-icon {
        border-color: white;
        }