首頁 >web前端 >css教學 >如何從 Firefox 中的選擇框中刪除虛線輪廓?

如何從 Firefox 中的選擇框中刪除虛線輪廓?

Susan Sarandon
Susan Sarandon原創
2024-11-04 11:12:30916瀏覽

How to Remove the Dotted Outline from a Select Box in Firefox?

從Firefox 中的選擇框中刪除輪廓

問題:是否可以刪除< 中所選項目周圍的虛線輪廓; Firefox 中的元素?

CSS 嘗試與失敗:

嘗試使用 CSS 中的 Outline 屬性刪除輪廓,但在 Firefox 中證明無效。

<style>
   select { outline:none; }
</style>

解決方案:

要在Firefox 中刪除輪廓,請套用下列CSS 規則:

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

此規則針對Firef>此規則針對Firef -具體的-moz-focusring 偽類,使聚焦環透明並隱藏虛線輪廓。這是一個防彈解決方案,可以僅在 Firefox 中有效地刪除輪廓。

以上是如何從 Firefox 中的選擇框中刪除虛線輪廓?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn