HTML中有很多種輸入類型,比如文本框、單選框、復選框等等。在輸入狀態方面,我們可以通過CSS來控制其外觀,也可以通過屬性來控制其輸入狀態。
input:hover { background-color: lightgray; } input:focus { outline: none; border-color: blue; box-shadow: 0 0 5px blue; }
以上代碼通過:hover和:focus來分別設置輸入框在鼠標懸停和獲取焦點時的狀態。在鼠標懸停時,背景色會變成淺灰色。在獲取焦點時,邊框顏色變成藍色,同時還添加了一個藍色的陰影。
此外,我們還可以通過disabled屬性來設置輸入框為不可用狀態:
input:disabled { background-color: lightgray; cursor: not-allowed; }
:disabled偽類可以選中頁面上所有被禁用的輸入框,我們可以通過background-color來設置其背景色,同時cursor屬性可以將光標變為禁止符號,提醒用戶該輸入框不可用。
以上就是一些簡單的輸入狀態設置,我們可以根據具體需求來進行更加精細的調整。