Buefy Placeholderの色変更　メモ

概要

• Nuxt.jsでbuefyを使用。

満たしたいこと

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

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

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

input::placeholder {
  color: red;
}

これでは変わらない。

解決策

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

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

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