在編寫網頁時，我們常常需要設置表單輸入框為只讀模式，以防止用戶不小心修改了已經填寫好的數據。在CSS中，我們可以通過設置輸入框的“readonly”屬性來實現這一功能。 要設置一個輸入框為只讀，我們只需要在HTML代碼中的標簽中添加“readonly”屬性即可。例如：

<input type="text" name="username" value="example" readonly />

上面這段代碼就創建了一個只讀的文本框，其中初始值為“example”。 如果我們想用CSS來統一設置多個輸入框的只讀屬性，該怎么辦呢？我們可以使用CSS的“attribute selector”（屬性選擇器）來實現這一目的。 具體來說，我們只需要將每個只讀輸入框的“readonly”屬性都設置為“readonly”，然后在CSS代碼中使用“[readonly]”選擇器，即可選擇所有帶有“readonly”屬性的元素。例如：

input[readonly] {
background-color: #eee;
color: #aaa;
}

上面這段代碼就將所有只讀的輸入框的背景顏色和文本顏色分別設置為淺灰色和淺灰色。 總的來說，通過設置CSS中的“readonly”屬性，我們可以輕松地將網頁中的輸入框設置為只讀，防止用戶誤操作，保護數據的正確性。同時，我們還可以使用CSS的屬性選擇器，實現對所有只讀輸入框的樣式統一控制。