是否可以通过CSS将输入字段设置为只读？

是否可以通过CSS将输入字段设置为只读？

仅使用CSS？使用

user-select:none

以下命令可以在文本输入上实现：

.print {  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;          }

值得注意的是，这在不支持CSS3或不支持

user-select

property的浏览器中将不起作用。

readonly

理想情况下，应将该属性提供给希望将其设置为只读的输入标记，但这确实可以作为CSS的替代方法。

使用Javascript：

document.getElementById("myReadonlyInput").setAttribute("readonly", "true");

编辑： CSS方法在Chrome（29）中不再起作用。

-webkit-user-select

现在，该属性似乎在输入元素上被忽略。