Vue.js 样式化vuetify组件v-扩展面板标题

我有一个带有Vuetify和pug的Vuejs组件

.moreQuestion__wrapper
        v-expansion-panel.moreQuestion__wrapper-panel
            v-expansion-panel-content(v-for="(question, i) in 
            questions" :key="i" expand-icon="arrow_drop_down")
                <template v-slot:header>
                  .moreQuestion__wrapper-slot {{ question }}
                </template>
                v-card
                    v-card-text.moreQuestion__wrapper-text {{ content }}

.moreQuestion\uu包装器
v-扩展面板。更多问题\uuu包装面板
v-expansion-panel-content（v-for=“（问题，i）”中的
问题“：key=“i”expand icon=“arrow\u drop\u down”）
.moreQuestion__包装器槽{{question}
v形卡
v-card-text.moreQuestion__包装器-text{{{content}

主要问题是什么？我必须覆盖v-expansion-panel_uuu标题的填充右侧

主要问题是什么？我必须覆盖v-expansion-panel_uuu标题的填充右侧。 我曾尝试添加不同的类，但没有效果。

---

我知道slot不是真正的DOM组件，但如何更改v-expansion-panel_uu头的样式？

如果使用Bootstrap或其他框架，请注意样式中的作用域。若您选择了，那个么您的样式并没有覆盖框架中的类。所以，只要从样式中删除作用域，它就会起作用。

如果您使用的是Bootstrap或其他框架，请小心使用样式中的作用域。若您选择了，那个么您的样式并没有覆盖框架中的类。所以，只要从样式中删除作用域，它就会起作用。

我的窍门是在类声明前面添加：：v-deep decadation

            /* expansion-panel */
            ::v-deep {
                .v-expansion-panel__header {
                    padding: 0;
                    flex: 0;
                    > span:first-child {
                        margin: 0 10px;
                    }
                }
                /* no expansion-panel icon */
                .v-expansion-panel__header__icon {
                    display: none;
                }
            }

---

我的诀窍是在类声明前添加：：v-deep decadation

            /* expansion-panel */
            ::v-deep {
                .v-expansion-panel__header {
                    padding: 0;
                    flex: 0;
                    > span:first-child {
                        margin: 0 10px;
                    }
                }
                /* no expansion-panel icon */
                .v-expansion-panel__header__icon {
                    display: none;
                }
            }