java - 特定于 webkit 的 css 选择器不起作用

Question

我通过覆盖我的列定义中的 getCellStyleNames 来设置我的 GWT CellTable 单元格的样式。在大多数情况下，风格是有效的。我正在尝试为 4 像素宽的列的背景着色，并根据浏览器引擎显示混合显示结果。我期待以下工作，但事实并非如此。我需要将 firefox 的高度设置为 0，否则第一行的高度似乎比其余行的高度大。有什么想法吗？

.wt-tableRowGreen {
    background-color: #8DAF00;
    width: 0px;
    padding-left: 4px !important;
    padding-right: 0px !important;
    display: compact;
    height: 100%;
}

将高度设置为 0 对 FF 工作正常，但会破坏其他。使用特定于浏览器的选择器不起作用:

    -ms-height: 100%;
    -webkit-height: 100%;
    -moz-height: 0;

Answer 1

如果你想针对 Firefox 的特定 css，这是我使用的解决方案:

@-moz-document url-prefix() 
{
    /* Css for FF here */
}

显然，这是通常应该避免的事情，但在某些情况下几乎不可能绕过它。