Question

我在firefox中遇到css问题，因此我只想在浏览器为FF时导入一个css文件

实际上，我需要导入这个样式：

.searchbutton{
    position:absolute; right:3px;  width:25px;  
    top:3px;
}

#buscarmain{ bottom:12px;

}

编辑：

许多人认为我不应该对FF使用特殊声明，因为与其他浏览器相比，FF最有可能是正确的。

然而，在这种情况下，所有浏览器都打印相同的页面（IE，Chrome，Opera，Safari），FF以另一种方式显示它。我必须为所有浏览器实现相同的可视化，因此我需要一个特殊的FF语句

Answer 1

以下是我们如何仅针对Firefox定位CSS样式：

<style type="text/css">
@-moz-document url-prefix() {
    h1 {
        color: red;
    }
}
</style>

来源：Targeting only Firefox with CSS

Answer 2

您可以尝试css browser selector

Answer 3

解决了问题

刚补充说：

    <script type="text/javascript">
    if ( $.browser.mozilla == true ) {
      document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"FF.css\">");
    }
</script>

Answer 4

CSS Hacks for Different Versions of Firefox

Answer 5

IE是唯一具有条件评论的浏览器。我一直觉得每个浏览器都应该有自己的，但是唉。

我认为解决方案是调整样式表，以便在Firefox中正确显示，然后修复IE。

粗略且非常脏的解决方案是使用JavaScript检测浏览器，如果浏览器是Firefox，则在body标签中添加“ffonly”等类。然后总是引入你的Firefox样式表，但在所有样式规则的开头加上“.ffonly”

firefox的条件css语句

5 个答案: