Vue.js 禁用Katex元素的Vuetify样式-共享类名，如。重音会导致样式问题

我和Vuetify一起使用Katex。Katex和Vuetify使用的某些类（如accent或overline）存在问题。这会导致像下面看到的那种奇怪的样式。上划线的字符具有我的口音样式

我使用的vue katex组件如下：

<katex-element expression="\hat A \overline{B} \widetilde{\phi}" />

---

如何禁用katex元素的所有Vuetify样式？

katex github上有一个关于此的公开问题：

您可以禁用Vuetify主题：

newvuetify({
主题：{disable:true}，
})

---

或者使用web组件隔离KaTeX CSS，例如代替vue KaTeX。

谢谢，禁用主题并不能解决.overline问题。在我的例子中，“B”的字体比预期的小。啊不知道vuetify也有一个超行类。我不认为有一个简单的方法来禁用它，web组件将是最好的修复方法。

.v-application .accent {
  all: unset !important;
}