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

Question

我创建像css代码

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

但它不起作用.虽然如果我使用1px的字体大小然后通过使用选项卡我可以访问该文本框并可以更改它的值.

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

Answer 1

对于现在来这个答案的人.你现在可以这样做

pointer-events: none;

Answer 2

您不通过CSS设置控件的行为,只设置它们的样式 - 如果您需要将其设置为只读,请在实际控件上标记它

Answer 3

我同意rowland，但您可以使用以下方法将其设置为不可编辑：

.inputHide {
    display: none;
}

尽管这将其排除在流程之外（所以有明显的元素移动来填补文本框的空白）。

这种方法使其完全不可见和不可编辑...不仅可见而且呈灰色（就像HTML的“ disabled”或“ readonly”属性一样）。