el-progress底色修改
时间: 2023-10-01 12:07:42 浏览: 195
el-progress的底色可以通过修改.el-progress-bar__outer类的background-color属性来实现。在提供的引用\[2\]中,可以看到通过::v-deep选择器来修改.el-progress-bar__outer的背景色。你可以在你的样式中添加以下代码来修改el-progress的底色:
```scss
::v-deep .el-progress-bar__outer {
background-color: /*你想要的底色*/;
}
```
将/*你想要的底色*/替换为你想要的颜色值即可。
#### 引用[.reference_title]
- *1* [el-progress进度条深度选择器修改背景色线条渐变色](https://blog.csdn.net/weixin_49668076/article/details/115006214)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [el- progress自定义样式](https://blog.csdn.net/Yueqin0512/article/details/119184278)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文