Question

我通过在列定义中覆盖CellTable来设置我的GWT getCellStyleNames单元格样式。样式在大多数情况下都有效。我正在尝试为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 */
}

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

webkit特定的css选择器无法正常工作

1 个答案: