html - -moz-document 元素 CSS 未呈现

Question

我有这个用于 Firefox 浏览器的特定 CSS 代码。

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

但是 Firefox 不会渲染这个值。而是呈现我为其他浏览器定义的样式！当我检查元素时，我定义的值被删除。我做错了吗？请帮忙！

火狐版本 19.0.2

谢谢你。

Answer 1

它基本上被其他规则覆盖。要么将此块移动到样式表中的其他规则下方，要么添加!important以强制它使用此样式。

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

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