[Vuejs]-Stylization vuetify component v-expansion-panel__header

by

2👍

✅

Be careful with scoped in styles if you’re using frameworks likes Bootstrap or others. If you chose , your styles haven’t been overriding classes from framework. so, just remove scoped from style and it will be work.

👤brainv

1👍

What did the trick for me was adding ::v-deep decaration in front of class declaration.

            /* 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;
                }
            }
👤Filip Floryan

Leave a comment