问题描述
我将 Katex 与 Vuetify 一起使用。 Katex 和 Vuetify 使用的某些类（例如重音或上划线）存在问题。这会导致奇怪的样式，例如您可以在下面看到的样式。上划线字符得到了我的重音样式。
我使用了一个像这样的 vue-katex 组件：
<katex-element expression="\hat A \overline{B} \widetilde{\phi}" />
等式如下：
这些是 vuetify 样式：
这不起作用：
.v-application .accent {
all: unset !important;
}
如何禁用 katex-elements 的所有 Vuetify 样式？
解决方法
KaTeX github 上有一个关于此的未决问题：https://github.com/KaTeX/KaTeX/issues/1456
您可以禁用 Vuetify 主题：
https://vuetifyjs.com/en/features/theme/#disable-theme
new Vuetify({
theme: { disable: true },})
或者使用 web components 来隔离 KaTeX CSS，比如 katex-elements 而不是 vue-katex。