Vuetify v-工具提示无法更改css

我正在使用vuetify的v形工具提示，我想对它的css做一些小的修改，比如不透明度=1和内部填充0。但我无法更改它的任何css。有人能帮忙吗

.v-tooltip {
font-size: 50px !important;
opacity: 1 !important;

}

这是我的vue代码

    <v-tooltip bottom>
                        <template v-slot:activator="{ on }">
                            <a
                                v-on="on"
                                @mouseover="mouseOver(item)"
                                @mouseleave="mouseLeave(item)"
                            >{{item.name}}</a>
...continued

{{item.name}
…继续

内容位于

.v-tooltip\u Content

下。此外，它是在元素本身上设置的，因此需要

important

，就像您已经做过的那样覆盖样式设置

.v-tooltip__content {
  font-size: 50px !important;
  opacity: 1 !important;
  display: block !important;
}

---

不。这基本上不起作用，我只想删除它的不透明度，就是这样。如果你查看源，不透明度会被覆盖：