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