TextArea - 使用CSS將readonly屬性設置爲true

我想在某些類下使用css ONLY禁用textarea。我不想使用Javascript。TextArea - 使用CSS將readonly屬性設置爲true

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

如何設置屬性readonly爲textarea？或者有沒有其他方式使textarea不可編輯使用CSS？

2015-07-20 Sohan Soni

從上面接受的回答鏈接不再工作，即我試過設置.print {0} {0} {0} -moz-user-select：none; -ms-user-select：none; -o-user-select：none; user-select：none; }但它不起作用 –

傢伙我已經經歷了很多鏈接，我還沒有得到任何好的答案，所以我問了這個問題。請不要將我帶到另一個沒有解決方案的環節。 –

接受的答案指出，許多瀏覽器不支持所提供的樣式。除此之外，沒有解決辦法。 – George

-1

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

2015-07-20 10:09:58

那不是CSS。 – Quentin

** Sohan Soni **詢問解決方案的css/html –

不，他們說「使用CSS設置readonly屬性爲true」和「我想要使用CSS禁用此功能」和「我想在某些類下使用css禁用textarea只有「和」是否有任何其他方式使textarea不可編輯使用CSS「 – Quentin

-1

您可以使用'pointer-events'css屬性，如下所示。

.commentArea textarea{ 
 
    pointer-events: none; 
 
}

注：此屬性可能無法在舊版瀏覽器。

2015-07-20 10:19:33 obuliraj

這阻止人們使用鼠標與它進行交互。它不會阻止人們對其進行制止，然後自由地打字。 – Quentin

@Quentin是的你是對的。感謝您的快速評論。 – obuliraj

回答