目前正在使用 primevue,但按钮看起来太大了,y 填充如图所示
左按钮是 primevue 按钮,右按钮是我想要的。
查看按钮 css,我发现它与填充有关:var(--p-button-padding-y);
.p-button {
display: inline-flex;
cursor: pointer;
user-select: none;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
color: var(--p-button-primary-color);
background: var(--p-button-primary-background);
border: 1px solid var(--p-button-primary-border-color);
padding: var(--p-button-padding-y) var(--p-button-padding-x);
}
那么我该如何在我的 vue3 项目中编辑变量 - (--p-button-padding-y)?