前提:
在safari浏览器中,在使用element-plus组件库的时候,有时候会发现disabled的input组件文案变白的问题,在调试过程当中,会发现改一下某个属性,这个颜色又变回正常了,很是奇怪。
解决方法:
.el-input.is-disabled .el-input__inner{
-webkit-text-fill-color: var(--el-disabled-text-color) !important;
}
// 或者直接定义input
input:disabled {
-webkit-text-fill-color: var(--el-disabled-text-color) !important;
}