HTML中的控件選中狀態可以通過CSS來設置邊框顏色。可以使用CSS選擇器來為選中狀態設置邊框,比如:
input:focus { border: 2px solid red; }
這個樣式規則會在input控件被選中時添加一個2像素寬的紅色邊框。同樣的,可以使用:hover偽類來設置鼠標懸停時的樣式:
input:hover { border: 1px dotted blue; }
這個樣式規則會在鼠標懸停在input控件上方時添加一個1像素虛線藍色邊框。
當然,還可以為選中狀態設置其他的樣式,比如背景顏色、字體顏色等。只需要使用類似下面的CSS樣式規則就可以了:
input:checked + label { background-color: #ccc; }
這個樣式規則會在input控件被選中后,選中控件后面跟著的標簽(可以是任何標簽,比如
HTML控件選中的邊框顏色設置可以用CSS來實現。使用:hover和:focus偽類可以分別設置鼠標懸停和選中狀態下的邊框樣式。此外,還可以為選中狀態設置其他的樣式,比如背景顏色、字體顏色等。使用CSS,可以輕松地為HTML表單添加流暢的交互效果。
下一篇html 提交代碼