Firefox的外部样式答案

【问题标题】：external style for firefoxFirefox的外部样式
【发布时间】：2014-05-09 04:35:18
【问题描述】：

我的 asp.net 网站有 2 个样式表，一个用于 chrome，另一个用于其他浏览器。现在我的网站模板无法在 Firefox 中正确显示；我在样式表上尝试了这段代码：

@-moz-document url-prefix(){ 火狐风格在这里 } 但是当我将代码复制到：

 .leftarrowclass{
    position: absolute;
    top: 6px;
    left: 5px;
    padding: 2px;
    }
     @-moz-document url-prefix(){
     .leftarrowclass{
    position: absolute;
    top: 6px;
    left: 5px;
    padding: 2px;
    }
}

css 文件中有一些红色错误。如何像这样为 Firefox 定义外部样式表？

<link rel="stylesheet" type="text/chrome" href="css/avachr.css"/>

【问题讨论】：

“一个用于 chrome，另一个用于其他浏览器” – 为什么？应该很少需要为 Chrome 和 Firefox 提供不同的样式表，这两个是最符合标准的浏览器。
@CBroe : 我想做这个，但不知道怎么做~

标签： html css firefox

【解决方案1】：

删除temp并将其用作 -

@-moz-document url-prefix(){
    li{ color: red; }
}

Fiddle

【讨论】：