input输入框设置readonly属性后更改字体颜色

根据业务需求，需要将属性赋值之后改变为不可更改状态。
设置成不可更改有两种方法：
1.readonly
2.disabled

他们两者的区别：
1.readonly只针对input等有效，可以更改字体的颜色
2. disabled对选择框、下拉框等有效，默认是灰色，不能更改字体颜色。

怎样添加readonly：

怎样添加disabled：

给readonly更改字体颜色：（更改颜色放在添加readonly之前）