Html 如何关闭PrismJS CSS主题中的文本阴影？

我试图用Prism.js在Gatsby中格式化代码块，但我导入的内置CSS添加了一个文本阴影，使其看起来很糟糕：

当我在Chrome DevTools中关闭文本阴影时，它看起来很棒：

但是，我不知道如何在代码中实现这一点

代码块从内置的prism.CSS文件继承文本阴影CSS，该文件已按如下方式导入：

从“prism react渲染器/themes/vsDark”导入主题

---

当我尝试使用内联样式时，它会被prism.css覆盖。如何删除此文本阴影？

CSS是按导入顺序计算的，因此在同一选择器上添加您自己的CSS并在Prism CSS文件之后导入它应该覆盖您不需要的Prism CSS

code[class*="language-"],
pre[class*="language-"] {
  text-shadow: none;
}

或

.token{
文本阴影：无；
}

您可以在同一个选择器上添加自己的CSS，在该选择器中删除文本阴影，并将其导入prism one之后。嘿，David，谢谢！只需将“.token{text shadow:none；}添加到我的global.css文件中，就完全解决了这个问题。