-moz-document元素CSS未呈現

Question

我已經爲Firefox瀏覽器提供了這個特定的CSS代碼。

@-moz-document url-prefix(){ 
.bill-tab-fixed-width{ 
    width:104.5px; 
} 
} 

但firefox不呈現此值。而是呈現我爲其他瀏覽器定義的樣式！當我檢查這個元素時，我定義的值是通過的。我做錯了嗎？請幫忙！

Firefox版本19.0.2

謝謝。

Answer 1

它的基本上被其他規則覆蓋。將該塊移動到樣式表中其他規則的下方，或者添加!important以強制它使用此樣式。

@-moz-document url-prefix(){ 
.bill-tab-fixed-width{ 
    width:104.5px !important; 
} 
} 

注：定義的像素值作爲小數可能不是一個好主意。屏幕不可能使用半個像素，瀏覽器可能會略有不同。