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

前端之家收集整理的这篇文章主要介绍了如何从css设置文本框的只读属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我创建像css代码
.inputHide {
    font-size       : 100px;
    width           : 100px;
    height          : 100px;
    border          : none;
    background      : transparent;
    readonly        : true;
}

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

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

解决方法

我同意rowland,但您可以将其设置为无法使用:
.inputHide {
    display: none;
}

虽然这将它从流程中取出(因此有一个明显的元素移动来填充文本框留下的空白).

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

猜你在找的CSS相关文章