如何从GWT DataGrid中的列标题中删除文本阴影？

Question

我一直在尝试覆盖用于从GWT DataGrid列标题定义默认文本阴影的CSS。根据Google的说法，CSS在DataGrid.css中定义，但是覆盖其中定义的.dataGridHeader类没有任何效果。在CSS文件中，默认行为定义为：

.dataGridHeader {
 border-bottom: 2px solid #6f7277;
 padding: 3px 15px;
 text-align: left;
 color: #4b4a4a;
 text-shadow: #ddf 1px 1px 0;
 overflow: hidden;
 white-space: nowrap;
}

在模块CSS中覆盖此类无效。

有趣的是，我确实在其他地方发现了可以通过重写.x-grid3 CSS类来成功更改其他行为。例如，行高可以设置如下：

.myRowHeight .x-grid3-row { height: 30px; }

通过调用实例上的.addStyleName()方法将其应用于网格实例。

这表明DataGrid的实现毕竟不是使用DataGrid.css，而Google的文档是错误的。我不熟悉.x-grid3 CSS，所以不确定要覆盖哪个类来删除文本阴影。

顺便说一下，我确实理解了CSS注入路由，但我想理解为什么.x-grid3覆盖适用于行高，以及不同的覆盖是否能解决我的问题。

Answer 1

你是如何压倒这个CSS的？您刚刚将.dataGridHeader类添加到自己的css样式表中吗？ 请查看此question详细说明如何正确覆盖DataGrid的css。这是一个反复出现的问题，已在SO上多次回答。