[英]Checkbox border color styling in Angular material (md-checkbox)
I am just wondering if there is any way to style md-checkbox like given below: 我只是想知道是否有样式如下所示的md-checkbox样式:
Codepen code for input checkbox 输入的Codepen代码复选框
Note: I just wanna change the border color of the checkbox. 注意:我只想更改复选框的边框颜色。
I have tried following way but didn't succeed : 我尝试了以下方法,但没有成功:
SCSS SCSS
$dal-green: #45ba8e;
.check{
md-checkbox {
border: 2px solid $dal-green;
}
}
HTML : HTML:
<div class="check">
<md-checkbox></md-checkbox>
</div>
I have searched online but no luck . 我在网上搜索过但没有运气。 If any body can give css to override the border color it would be great help.
如果任何机构都可以让css覆盖边框颜色,那将是很大的帮助。 Thanks In advance.
提前致谢。
Try this, 尝试这个,
.check{
md-checkbox {
border: 2px solid #009688;
}
}
Try something like this : 尝试这样的事情:
md-checkbox .md-icon {
border-color: green;
}
in new version you should use with underscore _md-icon: 在新版本中,您应使用下划线_md-icon:
md-checkbox.md-checked ._md-icon {
background-color: transparent;
}
md-checkbox ._md-icon {
border-color: white;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.