如何在不影響可訪問性的情況下刪除 Chrome 中按鈕的藍色邊框？

從Chrome 中的自訂樣式按鈕中刪除藍色邊框

在自訂工作中，將 的邊框設定為無在Chrome 中點選標籤時，按鈕周圍會出現藍色邊框。雖然button:active {outline:none}和button:focus{outline:none}看起來像是可行的解決方案，但它們無法消除問題。

建議方法：

強烈建議不要刪除焦點或輪廓樣式，因為這會影響網站的可訪問性。有關更多信息，請參閱此討論。

替代方法（不推薦）：

如果認為有必要，此CSS 代碼可以有效刪除藍色邊框：

button:focus { outline:0; }

可以在此JSFiddle 中找到一個工作範例： http://jsfiddle.net/u4pXu/

以上是如何在不影響可訪問性的情況下刪除 Chrome 中按鈕的藍色邊框？的詳細內容。更多資訊請關注PHP中文網其他相關文章！