Html 更改输入占位符的颜色时出现问题

我试图弄清楚如何在表单的文本框中更改占位符的颜色。我在网上找到了一些教程（）来演示如何使用，但我还没有开始使用

<form action="/Home/Register" id="RegisterForm" method="post" novalidate="novalidate">
    <input autocomplete="off" class="form-control input-sm required" id="FirstName" name="FirstName" placeholder="First Name*" type="text" value="" aria-required="true">
</form>

而且：

input.form-control ::-webkit-input-placeholder{color:#434c53}
input.form-control ::-moz-placeholder{color:#434c53}
input.form-control :-ms-input-placeholder{color:#434c53}
input.form-control ::placeholder{color:#434c53}

.form-control ::-webkit-input-placeholder{color:#434c53}
.form-control ::-moz-placeholder{color:#434c53}
.form-control :-ms-input-placeholder{color:#434c53}
.form-control ::placeholder{color:#434c53}

而且：

input.form-control ::-webkit-input-placeholder{color:#434c53}
input.form-control ::-moz-placeholder{color:#434c53}
input.form-control :-ms-input-placeholder{color:#434c53}
input.form-control ::placeholder{color:#434c53}

.form-control ::-webkit-input-placeholder{color:#434c53}
.form-control ::-moz-placeholder{color:#434c53}
.form-control :-ms-input-placeholder{color:#434c53}
.form-control ::placeholder{color:#434c53}

和其他一些组合。我尝试的东西都没用

<input type="text" placeholder='global'>

<input class='red' type="text" placeholder='red'>

---

如果删除类标识符和

：：

之间的空白，最后两个块看起来会起作用，因为您不是在寻找后代。