项目开发时,使用了element-plus前端框架,用到了- - -input 数字输入框 和- - -input 文字输入框,
电脑端input 输入框 禁用状态下 - - -文字颜色置灰
但是iPad上面看到页面 input输入框禁用状态下 文字看不见,可编辑状态下的话文字正常显示,
仔细看发现禁用状态下有文字,但是颜色特别淡,几乎看不见
设置了禁用状态下文字颜色,但是不生效
适配代码,eg:
:deep(.el-input.is-disabled .el-input__inner)
color #a8abb2
// 以下为适配代码
-webkit-text-fill-color #a8abb2
-webkit-opacity 1
opacity 1
添加下面几行适配代码后,禁用状态下文字颜色正常显示