css3 文本框只读 |css3de 渐变色

input[readonly]{
background-color: #f4f4f4;
color: #333;
}

上述代码中，大家使用了属性选择器来选取所有带有readonly属性的input元素。通过将readonly属性值设为true，就可以使文本框只读。

接下来，大家定义了文本框的背景色和字体颜色。在只读模式下，文本框变为灰色，字体颜色为黑色。

这种样式可以很好地应用于表单中，使用户不能够编辑已经填写好的信息。同时，由于只读文本框的背景色和字体颜色有所不同，用户可以很方便地分辨出哪些字段是可编辑的。

需要注意的是，只读文本框依然可以通过JavaScript等脚本修改其内容。因此，在涉及到安全性要求较高的场合，还需要对用户的输入进行验证。