Vuetify -如何减少按钮半径？

ffx8fchx 于 2023-01-17 发布在 Vue.js

关注(0)|答案(1)|浏览(139)

我正在尝试缩小vuetify 3应用程序栏中某个按钮的可点击区域。
当前按钮如下所示：

因此我不希望它周围都是白色（你看到的浅蓝色部分），所以唯一可点击的部分应该在文本中，这样可以减少按钮占用的空间。
我不太清楚如何实现这一点，我已经阅读了他们的文档，似乎我可能要改变一些SASS变量，但我尝试到目前为止没有工作。真的很感激一些帮助，提前感谢！

<v-btn @click="" color="blue" text>How it works</v-btn>

1条答案

最简单的方法是使用v-button的width或min-width属性。另一种选择是在按钮上设置一个自定义CSS类，该类覆盖按钮的CSS min-width规则。