CSS是一種將樣式應用于網站布局的語言，我們可以通過它來控制各種 HTML 元素的樣式，包括文本輸入框。

在網站設計中，有些情況下我們需要將 textarea 設為只讀，這時候我們可以使用 CSS 來實現。下面是一些示例代碼，幫助您了解如何實現只讀的 textarea。

/* 將<textarea>元素設為只讀 */
textarea[readonly] {
background-color: #f2f2f2;
}

上面的代碼可以將 background-color 屬性設置為 "#f2f2f2"，這樣 textarea 背景變成灰色，從而告訴用戶這是只讀文本框。

如果您想更改 readonly 屬性的樣式，您可以使用以下代碼：

/* 將 only-textarea 類指定為只讀元素的樣式 */
.only-textarea[readonly] {
background-color: #f2f2f2;
border: none;
pointer-events: none;
}

在上面的代碼中，我們使用了 ".only-textarea"類，它只會作用于 HTML 元素中擁有該類的部分。使用 pointer-events:none 可以防止用戶對只讀 textarea 執行任何操作。

總結： 在本文中，我們介紹了如何使用 CSS 實現只讀的文本輸入框。在代碼實現時，需要注意選擇器的使用和屬性的細節。希望本文對大家學習 CSS 有所幫助。