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

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

Susan Sarandon
發布: 2024-11-04 11:12:30
原創
943 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板