在用到很多vue的組件庫
如vant,elementUI,vuetify等
雖然配好了樣式但是神奇的產品還是會讓你改一下樣式
可以用::v-deep
或者/deep/
來解決,後者在vue 3.0會報錯
使用方法如下
::v-deep .v-text-field.v-text-field--enclosed .v-text-field__details {
margin-bottom: 8px;
padding: 0px !important;
}
在想要修改的樣式前面加上v-deep就可了