更改input readonly时的背景色

 

 

disabled  文字会变成灰色，不可编辑。表单序列化提交到后台,会被忽略,不处理.

readonly  文字不会变色，与能编辑的输入框看起来没区别,但不能编辑。 表单序列化提交到后台,会处理.

 

我想让不可编辑的input提交到后台,  但readonly的颜色与可输入的一样,用户体验不好.

disabled又不能满足要求,只能改了.

增加如下, 背景色就可以变化了,还可以改成自己喜欢的颜色.

input[readonly]{
background-color: #f1f1f5
}