【rails】CSSでplaceholderの文字サイズを変更する方法

CSSでplaceholderの文字サイズを少し小さくしたい！って思ったことはありませんか？
通常のやり方でクラスを指定してfont-sizeプロパティを使用してもうまくいかず。。。
解決策は簡単なことでしたが備忘録として投稿します！

#ビュー

view.html.erb

<%= f.text_field :name_or_comment_or_cooking_method_cont_any, placeholder: "料理名等で検索", class: "search-field" %>

#CSS

css.scss

.search-field::placeholder {
  font-size: 12px;
}

適用したいクラスに対し上記のように記載すればplaceholderの文字サイズのみ変更できます。

#最後に
バックエンドのエンジニアを目指していますが、フロントエンドもできるようになりたいな〜って思っています。
これから就活が始まる、頑張ろう。。。