0

我一直在尝试覆盖用于从 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 覆盖适用于行高，以及不同的覆盖是否可以解决我的问题。

4

1 回答 1

0

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

于 2012-06-19T09:39:04.513 回答