我可以更改 Vuetify 的概述文本字段标签位置和行间隔吗？

Question

我正在使用 Vuetify 尝试使用简单的自定义样式来接近 this textfield style. I'm using outlined textfield provided them，但我无法更改其标签位置。有什么办法可以更改标签位置和行开始和结束的“间隔”吗？

我尝试在他们的文档中搜索并找到 this 会话，但在更改 $text-field-outlined-label-position-x 或 $text-field-outlined-label-position- 时没有运气y.

编辑：this 是我能达到的最好的，这实际上是带有圆角边框的默认轮廓文本字段。

提前致谢！

Answer 1

我自己想出来的

我们可以改变 v-text-field 的 Vuetify 类 上的边距来改变它的位置。只需根据您自己的边距进行更改，一切正常！

.v-text-field__slot {
    margin-left: 20px;
}

.v-input__slot > fieldset > legend {
    margin-left: 20px;
}