在 CSS 中,有一種非常有用的方法可以對選中的按鈕進(jìn)行樣式的修改,這個(gè)方法就是使用 psuedo 類 :focus。 通過使用 :focus,你可以讓當(dāng)前選中的按鈕或者表單元素保留特定的顏色。
button:focus, input:focus { outline: none; border-color: #333; box-shadow: 0 0 5px #333; }
這個(gè)例子展示了如何使用 :focus psuedo 類選擇當(dāng)前選中的按鈕,同時(shí)給它們添加一些特殊的樣式。具體地說,我們使用了 outline:none 命令來移除默認(rèn)的藍(lán)色邊框,然后使用 border-color 命令和 box-shadow 命令來創(chuàng)建一個(gè)新的描邊,讓選中的按鈕更加醒目。
當(dāng)然,你也可以自定義這些樣式來改變選中按鈕的表現(xiàn),比如把新描邊的顏色改為紅色,或者調(diào)整它的寬度和模糊度。無論你如何修改, :focus 都可以幫助你讓選中的按鈕保留特定的顏色,增強(qiáng)表單的可用性和用戶體驗(yàn)。