要禁用文本區域(或任何其他輸入元素)，您可以:

在HTML中，您可以編寫: & lttextarea id = ' my textarea ' disabled & gt；& lt/textarea & gt；

在jQuery中，您可以: $("#mytextarea ")。attr("disabled "，" disabled ")；

CSS？有沒有可能用CSS禁用textarea？

您可以使文本區域顯示為停用，但實際上您不能停用它。

使用JavaScript，您真正做的只是修改由HTML disabled屬性設置的同一個DOM屬性，所以使用HTML和JavaScript本質上做的是同樣的事情。然而，CSS完全與此無關，因為它不做任何類型的DOM操作——它所控制的只是元素的外觀(視覺或其他),而不是它的行為。

在一個項目中，我有一個容器，里面有一個文本區和一些按鈕。 為了禁用全部功能，我用下面的代碼給它附加了一個類:

.disabled {
  opacity: 0.3;
}
.disabled:after {
    width: 100%;
    height: 100%;
    position: absolute; 
}

<div class="disabled">
    <textarea></textarea>
    <!-- textarea, buttons and other input elements -->
</div>

雖然不透明度只是為了顯示，但:after元素正在起作用。容器中的所有元素不再對點擊和鼠標懸停作出反應(盡管使用制表器到達它們仍然有效)。對于我的需要和我的情況，這很好，是一個簡單的css黑客。

CSS處理樣式。禁用元素是有效的。

當然，CSS變得越來越功能化，比如過渡，這是一個灰色地帶。但是CSS的目的是保持它作為樣式，而不是控制元素功能控制。

不，css不能禁用元素。

您可以“偽裝”一個禁用的控件，使其看起來像是禁用的。

你可以用css: point-events: none讓元素完全不可點擊；

textarea {
  pointer-events: none;
  border: 1px solid #eee;
  padding: 20px;
}

<textarea placeholder="This is a textarea, and it is not clickable"></textarea>

不，它不能在CSS中完成。但是，您可以在CSS中將輸入樣式設置為“disabled ”,并在HTML代碼中使用屬性maxlength="0 ",這樣人們就無法在其中寫入內容。此外，請確保將指針樣式更改為正確的樣式，這樣人們就不會看到指示他們在框中書寫的指針。

不幸的是，在純CSS中是不可能的...你必須使用Javascript。

這里有一個黑客。

<textArea class="tailLog">This page is waiting for something.</textArea>

<script type="text/javascript">
    $(document).ready(  function(){
            $(".tailLog").off().on("keydown", function(event){
                event.preventDefault();
                return;
            });
     });
</script>

它的工作方式是這樣的。每當用戶試圖輸入任何東西時，我們使用jquery來捕捉事件。然后我們告訴事件我們不希望它做它的默認行為。正如我所說，這是一個黑客，但它是一個有效的在緊要關頭。

#myTextarea{
    pointer-events: none;
}

<textarea id="myTextarea"></textarea>

同意上面的回答“不幸的是在純CSS中不可能” 但是，如果您可以使父元素指針事件無，那么它會做的工作，但它可以從檢查元素逆轉

<div class="disabled">
 <textarea></textarea>
 <!-- textarea, buttons and other input elements -->
</div>

.disabled {
  pointer-events: none;;
}

您可以在html中設置一個readonly屬性，比如

& lttextarea readonly & gt

這個文本不能再修改了

如果您以這種方式禁用了文本區域:

<textarea disabled="disabled">foobar</textarea>