火狐瀏覽器在某些情況下會出現(xiàn)標(biāo)簽點擊邊框的問題,在使用 CSS 時需要特別注意。下面是一些可能出現(xiàn)的場景及解決方案:
/** * 場景一:點擊鏈接出現(xiàn)藍(lán)色邊框 * 解決方案:去掉默認(rèn)的鏈接樣式 */ a:focus { outline: none; } /** * 場景二:點擊按鈕出現(xiàn)虛線框 * 解決方案:修改按鈕樣式 */ button:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus { outline: none; border: 1px solid #ccc; /* 或者其他更合適的顏色 */ box-shadow: 0 0 10px #ccc; /* 或者其他更合適的效果 */ } /** * 場景三:點擊表格單元格出現(xiàn)虛線框 * 解決方案:修改表格樣式 */ table { outline: none; } td:focus { border: 1px solid #ccc; /* 或者其他更合適的顏色 */ box-shadow: 0 0 10px #ccc; /* 或者其他更合適的效果 */ }
以上是一些常見的解決方案,但具體情況還需要根據(jù)實際情況進(jìn)行調(diào)整。另外,如果需要完美支持各種瀏覽器,建議使用 CSS Reset 來統(tǒng)一樣式。