Firefox的條件CSS語句

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>

來源： 僅使用CSS定位Firefox

Answer 2

您可以嘗試使用CSS瀏覽器選擇器

Answer 3

解決了問題

剛剛添加：

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

Answer 4

適用於不同版本Firefox的CSS技巧

Answer 5

IE是唯一帶有條件注釋的瀏覽器。 我一直覺得每個瀏覽器都應該有自己的功能，但是a。

我認為解決方案是調整樣式表，使其在Firefox中正確顯示，然后修復IE。

如果瀏覽器是Firefox，則粗略且非常骯臟的解決方案是使用JavaScript來檢測瀏覽器，並在body標簽中添加“ ffonly”之類的類。 然后，始終引入Firefox樣式表，但在所有樣式規則的開頭都添加“ .ffonly”