仅使用 CSS 定位 Firefox

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

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

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

例子：

    
        
        
    
    
        
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
    }
}

例子：

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

输出：

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