Css 替代highcharts工具提示中的表格单元格背景色

我正在创建Splunk仪表盘。对于我的表，我有一个名为application.css的样式表，它根据需要改变表行的颜色。不幸的是，当使用图表时，“highcharts”工具提示基本上是一个表格，它是以交替的颜色为行渲染的。因此，值行是一个带有白色文本的浅绿色背景。文本无法阅读

看起来highcharts工具提示是由java脚本生成的

以下是工具提示在页面中的呈现方式：

<table class="highcharts-tooltip">
<tbody>
  <tr>
   <td style="text-align: left; color: rgb(204, 204, 204); max-width: 120.34px;">    WebPage:&nbsp;&nbsp;</td>
   <td style="text-align: right; color: rgb(255, 255, 255); max-width: 504.65px;">\\x94/bla/bla/Browse.html\\x94</td>
  </tr>
  <tr>
   <td style="text-align: left; color: rgb(30, 147, 198); max-width: 120.34px;">Hits:&nbsp;&nbsp;</td>
   <td style="text-align: right; color: rgb(255, 255, 255); max-width: 504.65px;">12</td>
  </tr>
  <tr>
   <td style="text-align: left; color: rgb(30, 147, 198); max-width: 120.34px;">Hits%:&nbsp;&nbsp;</td>
   <td style="text-align: right; color: rgb(255, 255, 255); max-width: 504.65px;">24.49%</td>
  </tr>
</tbody>
</table>

网页：
\\x94/bla/bla/Browse.html\\x94
击打：
12
点击率%：
24.49%

---

第二个tr是无法读取的tr。我的问题是，有没有一种方法可以在我的application.css文件中使用css覆盖工具提示中的交替行颜色，从而使行不是rgb（255255255），而是rgb（00,00,00）？

使用

！重要信息

可能是重写内嵌样式的唯一方法。请记住，即使在其他图表的工具提示中，此解决方案也会更改td的颜色。在选择器前面加上

#[CHART CONTAINER ID]

以避免出现这种情况

Css:

---

您没有描述如何生成highcharts代码，但下面是有关如何设置工具提示格式的API文档：highcharts是在Splunk包中生成的。我无法控制他们这一代人。我能做的最好的事情就是尝试覆盖css样式。秒

tr

还是每秒

td

？

table.highcharts-tooltip tbody tr td:nth-child(2){
  color: #000000 !important;
}