相关疑难解决方法(0)

选择器的Vuetify组件是:

<v-select
:items="items"
label="Standard"
></v-select>

但是当选择器处于活动状态时,会出现许多嵌套组件(在检查时),例如,下拉菜单本身,menu__content.我该怎么做造型呢？对于"可见"Vuetify组件v-select,我可以手动添加一个类,并直接在css中设置它.但是,我无法为隐藏的组件执行此操作.

我试着用检查给定的类".menu__content"来设置样式,但它似乎不起作用:https://jsfiddle.net/agreyfield91/tgpfhn8m/936/ .

我如何在css中手动设置这些组件的样式？我错过了什么关于vuetify的根本性的东西？

我正在使用 Vue.js 2.6.10n 以及 Vuetify 2.1.0 和 vue-router 3.1.3 开发一个网站。

我有一个带有 v-btns 的 v-app-bar 来链接到不同的伪页面，并希望在按钮处于活动状态时有一个自定义类，即它链接到当前显示的页面。使用active-classv-btn 的 ，我可以在 Vuetify 默认值的“顶部”添加样式，但不能完全覆盖它。

我怎样才能完全摆脱默认的活动类？

我的目标只是在 btn 文本处于活动状态时为其添加下划线，并摆脱默认的“按下按钮”样式。

这是我的代码示例：

<template>
<v-btn
        to="/"
        active-class="active"
        text
        class=" white--text display-1 logo"
        >HOME</v-btn>
.
.
.
</template>
<style lang="scss" scoped>
.active {
  border-bottom: solid;
  border-color: yellow;
}
</style>