Bootstrap4でplaceholderの文字色を変更する方法

Bootstrap4を導入した環境でplaceholderの文字色が濃く、薄くしようと以下のようにCSSを記述したのですが、効かず。。。

::placeholder{
  color: #cccccc;
}

散々、試行錯誤したあげく、以下の方法で適用できることを知りました。

.form-control::placeholder{
  color: #cccccc;
}

時間がかかったのでメモ。。。