Javascript v-text-field文本中心不工作Vuetify

我正在使用

v-text-field

，无法将

文本对齐设置为
居中

我尝试了这些解决方案，但没有奏效

一,





.居中输入>>>输入{
文本对齐：居中；
}


如果在当前的Vue文件中指定样式，则该选项将不起作用。您应该将样式添加为全局样式

.centered-input input {
  text-align: center;
}

或者，您似乎已将
范围
添加到
标记中。可以将其删除以使样式成为全局样式

.centered-input input {
  text-align: center;
}

从



到


尝试以下方法：

<v-text-field type="number" class="my-field" />

.my-field {
    width: 200px;
}

.my-field input {
    padding: 10px;
    background: #ccc;
    text-align: center;
}


.我的领域{
宽度：200px；
}
.我的字段输入{
填充：10px；
背景：#ccc；
文本对齐：居中；
}

<style lang="scss" scoped>

<style lang="scss">

<v-text-field type="number" class="my-field" />

.my-field {
    width: 200px;
}

.my-field input {
    padding: 10px;
    background: #ccc;
    text-align: center;
}