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

Question

我正在使用v-text-field，它无法设置text-align为center.

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

1.

<v-text-field type="number" class="mr-2 text-center"></v-text-field>

<v-text-field type="number" class="mr-2 centered-input"></v-text-field>

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

标签： javascriptvue.jsvuejs2vuetify.js

Answer 1

如果你在当前的 Vue 文件中给出样式，它将不起作用。您应该将样式添加为全局。

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

或者您似乎已添加scoped到<style>标签中。您可以将其删除以使样式成为全局样式。

从

<style lang="scss" scoped>

至

<style lang="scss">