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

注意：将像素值定义为小数可能不是一个好主意。屏幕不可能使用一半的像素，浏览器可能会略微不同。