TextArea - 使用CSS将readonly属性设置为true

Question

我想在某些类下使用css禁用textarea。我不想使用Javascript。

<div class='commentArea'>
    <textarea> I want do disable this using CSS </textarea>
</div>

如何将readonly属性设置为textarea？或者有没有其他方法可以使用CSS使textarea不可编辑？

Answer 1

<div class='commentArea'>
   <textarea readonly> I want do disable this using CSS </textarea>
</div>

Answer 2

您可以使用＆＃39;指针事件＆＃39; css属性如下所示。

＆＃13;

＆＃13;

.commentArea textarea{
    pointer-events: none;
}

＆＃13;

＆＃13;

＆＃13;

注意：此属性可能无法在旧版浏览器中使用。