1. 程式人生 > 其它 >ElementUI Progress 修改文字顏色

ElementUI Progress 修改文字顏色

技術標籤:前端開發vue.js

Element UI Progress 修改文字顏色

1、問題

做專案的時候用到Progress 進度條,改了背景顏色後發現文字顏色顯示有問題。如下圖所示
在這裡插入圖片描述

2、方法

按F12開啟開發者工具選項,選擇文字,檢視樣式
在這裡插入圖片描述
在這裡插入圖片描述

使用CSS穿透,在樣式中修改:>>>

 .yw_left >>>  .el-progress__text {
	  color: #fff; 
}

使用less之類的前處理器可以使用深度作用選擇器 /deep/

 /deep/ .el-progress__text {
	  color: #fff; 
}

在這裡插入圖片描述