java - 如何从 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 注入(inject)路径，但我想了解为什么 .x-grid3 覆盖适用于行高，以及不同的覆盖是否可以解决我的问题。

Answer 1

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