Vue中改变input，textarea中使用disabled属性的字体颜色
Ps→无奈：要输就输给追求，要嫁就嫁给幸福。前言：相信很多猿友碰到过需要禁止输入的文本框之类的业务，有两个属性可以使用。1.redonly属性，字体颜色默认黑色，但是没有精致输入的标志，鼠标仍然可以点击到文本框内，体验感不好。2.disabled属性，字体颜色默认为浅灰色，有明显的鼠标禁止输入标志，但是在光线强的情况下很难看清楚内容是什么。此文就是鄙人自己做个记录，修改disabled属...
·
Ps→无奈：要输就输给追求，要嫁就嫁给幸福。
前言：相信很多猿友碰到过需要禁止输入的文本框之类的业务，有两个属性可以使用。
1.redonly属性，字体颜色默认黑色，但是没有精致输入的标志，鼠标仍然可以点击到文本框内，体验感不好。
2.disabled属性，字体颜色默认为浅灰色，有明显的鼠标禁止输入标志，但是在光线强的情况下很难看清楚内容是什么。
此文就是鄙人自己做个记录，修改disabled属性的默认字体颜色：
改变默认字体颜色样式：
input:disabled,textarea:disabled{
opacity: 1;
-webkit-text-fill-color: red;
}效果图：
前往低代码交流专区
更多推荐
4
0- 0
已为社区贡献2条内容
所有评论(0)