火狐瀏覽器在某些情況下會出現標簽點擊邊框的問題,在使用 CSS 時需要特別注意。下面是一些可能出現的場景及解決方案:
/** * 場景一:點擊鏈接出現藍色邊框 * 解決方案:去掉默認的鏈接樣式 */ a:focus { outline: none; } /** * 場景二:點擊按鈕出現虛線框 * 解決方案:修改按鈕樣式 */ 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; /* 或者其他更合適的效果 */ } /** * 場景三:點擊表格單元格出現虛線框 * 解決方案:修改表格樣式 */ table { outline: none; } td:focus { border: 1px solid #ccc; /* 或者其他更合適的顏色 */ box-shadow: 0 0 10px #ccc; /* 或者其他更合適的效果 */ }
以上是一些常見的解決方案,但具體情況還需要根據實際情況進行調整。另外,如果需要完美支持各種瀏覽器,建議使用 CSS Reset 來統一樣式。
下一篇css火焰陰影