修改placeholder的颜色

今天有个任务是修改placeholder的颜色，只好百度了一下，如下设置:

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: red!important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: red!important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: red!important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: red!important;
}
我们使用的框架是bootstrap，input框设置的class是form-control,第一次是将上面代码贴上去并没有生效（没有加!important），我很纳闷，所以变将input框的class="form-control"去掉，这个时候发现input框placeholder的颜色改变了，但是去掉form-control，样式就不好看，所以我查了一下bootstarp.min.css的代码，发现如下设置：

.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}
我就说为什么没有生效,终于发现原因，所以将上述代码后面加上!important。