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

我想只使用css禁用特定类下的textarea。我不想使用Javascript

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

我想禁用这个使用CSS

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

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

我想禁用这个使用CSS

您可以使用“指针事件”css属性，如下所示

.commentArea text区域{
指针事件：无；
}

上面链接的已接受答案不再有效，即我尝试了设置。打印{-webkit用户选择：无；-moz用户选择：无；-ms用户选择：无；-o用户选择：无；用户选择：无；}但它不起作用伙计们，我已经浏览了很多链接，还没有得到任何好的答案，所以我问了这个问题。请不要将我指向另一个没有解决方案的链接。公认的答案是，许多浏览器不支持提供的样式。除此之外，没有解决方案。CSS不会处理HTML属性。由于您需要设置的数据必须是HTML属性，因此您将一事无成。此任务必须使用JS。使用海豚对长颈鹿进行心脏直视手术比使用css设置html属性更不幸运。有些事情是不可能的，不管它们有多有利。这会阻止人们用鼠标与之交互。这并不能阻止人们点击它，然后自由地打字。@Quentin是的，你是对的。感谢您的快速评论。Sohan Soni询问了css/htmlNo的解决方案，他们说“使用css将readonly属性设置为true”和“我想使用css禁用此功能”以及“我想仅使用css禁用特定类下的textarea”和“是否有其他方法使用css使textarea不可编辑”