我正在尝试更改 AngularMaterial 提供的圆形进度条的颜色。我尝试使用 css 将其颜色更改为白色,但它不起作用并且进度条的颜色保持蓝色。我究竟做错了什么?
.centeredPLEASE_WAIT {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
height: 100%;
font-size: 20px;
}
.my-circular-progress {
color: white;
border-right: #ddd;
border-left: #ddd;
border-top: #ddd;
border-bottom: #ddd;
background-color: red;
}
<div class="centeredPLEASE_WAIT">
<md-progress-circular class="my-circular-progress" md-mode="indeterminate"></md-progress-circular>
</div>
最佳答案
正如您可能知道的,您可以通过添加 Angular Material 类(md-warn md-accent
等)来更改进度条颜色,如演示中所示:https://material.angularjs.org/latest/demo/progressCircular
但是如果你想手动更改它,你必须在 md-progress-circular
元素中更改 svg 图像。您可以使用此选择器执行此操作:
md-progress-circular svg path { stroke: green; }