Vue中改变input，textarea中使用disabled属性的字体颜色

Ps→无奈：要输就输给追求，要嫁就嫁给幸福。

前言：相信很多猿友碰到过需要禁止输入的文本框之类的业务，有两个属性可以使用。
1.redonly属性，字体颜色默认黑色，但是没有精致输入的标志，鼠标仍然可以点击到文本框内，体验感不好。
2.disabled属性，字体颜色默认为浅灰色，有明显的鼠标禁止输入标志，但是在光线强的情况下很难看清楚内容是什么。
此文就是鄙人自己做个记录，修改disabled属性的默认字体颜色：

改变默认字体颜色样式：

input:disabled,textarea:disabled{
    opacity: 1;
    -webkit-text-fill-color: red;
  }

效果图：