CSS可以用于控制HTML文本框的各種樣式和屬性,其中一種常用的屬性是只讀(readonly)。只讀屬性可以讓文本框變成無法編輯的狀態,只能作為展示用途。
input[readonly] { background-color: #ddd; cursor: not-allowed; }
上面的CSS代碼中,我們使用了屬性選擇器的方式來選擇只讀的文本框。然后通過設置背景色和鼠標樣式,讓只讀狀態的文本框看起來不同于可編輯狀態的文本框。
在HTML中,只需要在標簽上加上readonly屬性即可:
以上代碼會生成一個只讀的文本框,其中value屬性可以用于設置文本框的初始值。
總結一下,使用CSS文本框只讀設置可以通過設置屬性選擇器和相關屬性樣式的方式來實現。在HTML中,只要添加readonly屬性即可快速設置只讀屬性。這種設置非常適用于需要向用戶展示信息的場景,同時又不希望用戶對信息進行修改。
上一篇css文本標點可以開頭
下一篇css文本投影