vuetifyのplaceholderを右寄せで表示したい

Question

Vuetifyを使っていてplaceholerをinputの右寄せににしたいです。

// template

<v-text-field
  class="right"
  placeholder="右にしたい"
>
</v-text-field>

// css
.right::placeholder {
  text-align: right;
}

原因としてrightのclassがinputにあたってないことが考えられます。
なにか良い方法はありますか？

Answer 1

<v-text-field
  class="right"
  placeholder="右にしたい"
>
</v-text-field>

<style scoped>
.right /deep/ input::placeholder {
  text-align: right;
}
</style>

これでplaceholderのみ右寄せできると思います。

Comments

[退会済みユーザー]

回答ありがとうございます！