autocomplete - Vuetify 圆形自动完成菜单宽度

Question

我有一个 Vuetify 自动完成组件，当自动完成没有四舍五入时它看起来很好。当我把它弄圆时，它看起来像这样。有没有一种简单的方法可以让它看起来更好一点，让菜单更窄一点或类似的东西？

标签： autocompletemenuwidthvuetify.js

Answer 1

看起来 Vuetify 还没有解决这个问题，但我这样做让我更接近我想要的样子。很可能有更好的解决方案，但目前，这适用于我的项目。

这可能对您不起作用，但值得一试作为临时解决方案。

.v-autocomplete__content.v-menu__content {
   transform-origin: center top !important;
   transform: scale(0.97) !important;
}

带入边缘，因此在圆角​​上看起来并不可怕。