我正在使用GWT的celltree小部件。如何删除其丑陋的选择边框?

我正在使用GWT的celltree小部件。如何删除其丑陋的选择边框?,gwt,cell,custom-cell,Gwt,Cell,Custom Cell,每当我在单元格树中选择任何项目时,我都会得到这个丑陋的bodrer! 现在我改变了deafult细胞树的css如下 .cellTreeSelectedItem { height: auto; overflow: auto; border:none !important; } 但什么都不管用。 任何建议都会大有帮助 顺便说一句,我知道这个小部件的CSS很糟糕,但我正在处理它。CellTree只呈现少量嵌套的div元素和一个表。您需要检查项目内的元

每当我在单元格树中选择任何项目时,我都会得到这个丑陋的bodrer! 现在我改变了deafult细胞树的css如下

.cellTreeSelectedItem {

        height: auto;
        overflow: auto;
        border:none !important;
}
但什么都不管用。 任何建议都会大有帮助


顺便说一句,我知道这个小部件的CSS很糟糕,但我正在处理它。

CellTree只呈现少量嵌套的
div
元素和一个表。您需要检查项目内的元素,以查看哪个元素为其提供了边框。然后你需要把它移除。比如:

.cellTreeSelectedItem tr {
    border:none !important;
}

请注意,在Chrome或Firefox中,不会在所选项目周围显示任何边框,因此它实际上可能是聚焦元素的默认浏览器行为

尝试使用
边框:0!重要的是,但它使用图像进行选择。突出显示所选项目的蓝色部分是一个图像,我已成功将其删除,但另一个问题仍然存在,即所选项目的边框。正如我所说,Chrome或Firefox在CellTree上没有边框,除非您以某种方式添加了边框。