📜  仅使用 CSS 定位 Firefox

📅  最后修改于: 2021-10-31 05:10:25             🧑  作者: Mango

有时内容需要关注特定的浏览器。本文针对 Firefox 浏览器显示 CSS 属性。目标 CSS 仅适用于目标浏览器。以多种方式使用 CSS 定位 Firefox 浏览器。其中一些讨论如下:

方法一:此方法使用 Mozilla 特定扩展来添加 CSS 属性。此扩展仅在 Firefox 浏览器中提供 CSS 属性。
句法:

@-moz-document url-prefix() {
    element {
        // CSS Property
    }
}

例子:



    
        Targetting firefox with CSS
        
    
    
        

GeeksforGeeks

          

A Computer Science portal for geeks. It contains         well written, well thought and well explained computer         science and programming articles, quizzes etc.

                         

输出
火狐

方法 2: -moz-appearance CSS 属性在 Gecko (Firefox) 中使用,以使用基于操作系统主题的平台原生样式显示元素。
句法:

@supports (-moz-appearance:none) {
    element {
        // CSS Property
    }
}

例子:



    
        Targetting firefox with CSS
        
    
    
        

GeeksforGeeks

        

A Computer Science portal for geeks. It contains         well written, well thought and well explained computer         science and programming articles, quizzes etc.

                         

输出:
火狐1

注意:以上示例的 CSS 样式仅适用于 Firefox 浏览器。