Javascript Can'；我不知道如何修复第三方库元素的CSS

我试图找到一种方法来覆盖Plotly.js中的一个奇怪的默认值

如果你深入到“title group”类的标题文本中，你会看到它有一个自动的白色文本阴影，当你使用除白色背景以外的任何东西时，它都是可怕的。我希望能够消除文本阴影，但我不能想出css来做到这一点。能做到吗？我在想，我可以在我的绘图周围画一个div，强制所有子元素使用宽度为0、高度为0的文本阴影

因此，到目前为止，我有以下代码：

CSS文件：

div#polarScatterPlotCSS {
  text-shadow: 2px 2px #ff0000 !important;
  color: rgb(0,0,255) !important;
}

JSX文件：

<div id="polarScatterPlotCSS">test
    <div id="polarScatterPlot">abc
    </div>
</div>

测试
abc

---

我可以看到应用于“test”和“abc”的样式，甚至应用于极坐标散点图图例中的文本，这意味着Plotly.js图表受到影响。不过，图例文本从未有过文本阴影。绘图的标题和轴具有奇怪的默认文本阴影，并且未被覆盖：（

如果在新rul中写入相同的参数并添加

！important

（分号之前，它将覆盖原始设置）

仅“擦除”设置取决于参数：在某些情况下，您将写入

none！important

（或者甚至不写入

！important

），在其他情况下写入

initial

---

在您的情况下，它可能是

text.shadow:none；

，如果这还不够，请写入

text.shadow:none！important；

，如果您在新rul中写入相同的参数并添加

！important

（在分号之前，它将覆盖原始设置）

仅“擦除”设置取决于参数：在某些情况下，您将写入

none！important

（或者甚至不写入

！important

），在其他情况下写入

initial

在您的情况下，它可能是

text.shadow:none；

，如果这还不够，请写

text.shadow:none！重要；

，这对我来说很重要：

div#polarScatterPlotCSS > * text {
  text-shadow: none !important;
}

这是为了我：

div#polarScatterPlotCSS > * text {
  text-shadow: none !important;
}

---

除了上述基于CSS的解决方案之外，我还要指出，Plotly.js在极坐标图的

布局
对象中有一个API用于控制极坐标图。这允许您避免使用
！important

layout: {
    font: {
        outlineColor: 'transparent'  // or repeat layout.paper_bgcolor here
    }
    //...
}

除了上述基于CSS的解决方案之外，我还要指出，Plotly.js在极坐标图的
布局
对象中有一个API用于控制极坐标图。这允许您避免使用
！important

layout: {
    font: {
        outlineColor: 'transparent'  // or repeat layout.paper_bgcolor here
    }
    //...
}

我想我必须使用文本阴影，而不是text.shadow。另外，我是css新手。这必须通过id或类或其他方式进行设置吗？目前我仍然无法使其正常工作。这取决于：我在谈论css（即样式表），正如我写的那样，它确实是
文本阴影
（另请参见）但是如果你想通过javascript设置，可能是text.shadow我用一些代码更新了我的问题，希望这能更好地解释我的问题，所以我会在CSS中写：`#polarScatterPlotCSS{text shadow:none；}我想我必须使用文本阴影，而不是text.shadow。另外，我是css新手。这必须通过id或类或其他方式进行设置吗？目前我仍然无法使其正常工作。这取决于：我在谈论css（即样式表），正如我写的那样，它确实是
文本阴影
（另请参见）但是如果你想通过javascript设置，可能是text.shadow我用一些代码更新了我的问题，希望这能更好地解释我的问题，所以我会在CSS中写：`#polarScatterPlotCSS{text shadow:none；}