完美解決vue+element項目無法修改input輸入框樣式問題

問題: 無法修改el-input輸入框樣式

 

在網上查了很久,各種辦法嘗試過后最終找到解決辦法,所以在此記錄一下

神奇的 ::v-deep      深度作用選擇器

 

效果如下:

 

 

 

 

 下面是詳細代碼:

::v-deep .remarks .el-textarea.is-disabled .el-textarea__inner {

  color: red !important;

  -webkit-text-fill-color: red !important;

}

::v-deep .remarks .el-input.is-disabled .el-input__inner {

  color: red !important;

  -webkit-text-fill-color: red !important;

}