v-autocomplete下拉菜单无法更改滚动条样式（Vuetify）

要更改v-autocomplete下拉菜单的滚动条样式，可以使用以下CSS代码：

.v-menu__content{ max-height: 250px; //自定义下拉菜单的高度 overflow-y: auto; ::-webkit-scrollbar { width: 8px; //自定义滚动条宽度 } ::-webkit-scrollbar-track { background: #f2f2f2; //自定义滚动条背景颜色 } ::-webkit-scrollbar-thumb { background: #888; //自定义滚动条滑块颜色 } }

在v-autocomplete组件中添加“menu-props”属性以覆盖默认下拉菜单样式： <v-autocomplete ... :menu-props="{ contentClass: 'my-menu-content' }" ...

</v-autocomplete>

同时，将之前的CSS样式应用于“my-menu-content”类： .my-menu-content{ .v-menu__content{ max-height: 250px; //自定义下拉菜单的高度 overflow-y: auto; ::-webkit-scrollbar { width: 8px; //自定义滚动条宽度 } ::-webkit-scrollbar-track { background: #f2f2f2; //自定义滚动条背景颜色 } ::-webkit-scrollbar-thumb { background: #888; //自定义滚动条滑块颜色 } } }