如何从css设置文本框的只读属性

Question

我创建了像

这样的css代码

.inputHide {
    font-size       : 100px;
    width           : 100px;
    height          : 100px;
    border          : none;
    background      : transparent;
    readonly        : true;
}

但它不起作用。虽然如果我使用1px的font-size然后通过使用tab我可以访问该文本框＆amp;可以改变它的价值。

有没有办法只使用css来使文本框只读..

Answer 1

现在有人来找这个答案。您现在可以使用

执行此操作

pointer-events: none;

Answer 2

你不是通过CSS设置控件的行为，只是他们的样式 - 如果你需要将它设为只读，在实际控件上标记它

Answer 3

我同意rowland，但您可以将其设置为无法使用：

.inputHide {
    display: none;
}

虽然这样可以将其从流程中取出（因此有一个明显的元素移动来填充文本框留下的空白）。

这种方法使它完全不可见且不可编辑......不仅仅是可见和灰色（如HTML“禁用”或“只读”属性）。

Answer 4

Readonly不是STYLE属性。所以你不能用CSS设置（级联STYLE表）。

Answer 5

css不能用于只读输入。 您可以使用jquery或简单的javascript来更改字段的属性。

Answer 6

$("select").selectize({
        onInitialize: function() {
            this.$control_input.attr("readonly","readonly");

        }
    });