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

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

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

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

您可以使文本區(qū)域顯示為停用，但實(shí)際上您不能停用它。

使用JavaScript，您真正做的只是修改由HTML disabled屬性設(shè)置的同一個(gè)DOM屬性，所以使用HTML和JavaScript本質(zhì)上做的是同樣的事情。然而，CSS完全與此無關(guān)，因?yàn)樗蛔鋈魏晤愋偷腄OM操作——它所控制的只是元素的外觀(視覺或其他),而不是它的行為。

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

.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元素正在起作用。容器中的所有元素不再對(duì)點(diǎn)擊和鼠標(biāo)懸停作出反應(yīng)(盡管使用制表器到達(dá)它們?nèi)匀挥行?。對(duì)于我的需要和我的情況，這很好，是一個(gè)簡單的css黑客。

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

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

不，css不能禁用元素。

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

你可以用css: point-events: none讓元素完全不可點(diǎn)擊；

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

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

不，它不能在CSS中完成。但是，您可以在CSS中將輸入樣式設(shè)置為“disabled ”,并在HTML代碼中使用屬性maxlength="0 ",這樣人們就無法在其中寫入內(nèi)容。此外，請(qǐng)確保將指針樣式更改為正確的樣式，這樣人們就不會(huì)看到指示他們?cè)诳蛑袝鴮懙闹羔槨?/p>

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

這里有一個(gè)黑客。

<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>

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

#myTextarea{
    pointer-events: none;
}

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

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

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

.disabled {
  pointer-events: none;;
}

您可以在html中設(shè)置一個(gè)readonly屬性，比如

& lttextarea readonly & gt

這個(gè)文本不能再修改了

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

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