🕌

Buefy Placeholderの色変更 メモ

2021/06/24に公開

概要

  • Nuxt.jsでbuefyを使用。

満たしたいこと

placeholderで表示される文字列の色を変更。

参考:
CSS:input要素のplaceholderの色を変更する方法

上記の記事参考に記述してみる。

input::placeholder {
  color: red;
}

これでは変わらない。

解決策

原因がわからないので最強の上書きで対応。

::v-deep input::placeholder {
  color: red !important;
}

他に良い方法があれば教えていただけると嬉しいです。

Discussion