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;
}
效果图:
更多推荐
已为社区贡献2条内容
所有评论(0)