H5表單中placeholder屬性的字體顏色問題

最近做項目的時候遇到的一些小樣式問題，有關表單。並且在接下來幾天的面試人中五個人都沒有回答上來，改變placeholder屬性的默認字體顏色，感覺有必要總結一下。

如何改變默認字體的顏色？

@blue: #026b9c;

input {
width: 100%;
height: 74/30rem;
line-height: 74/30rem;
color: @blue;
border-radius: 16/30rem;
border: 1px solid @blue_light;
font-size: 28/30rem;
padding-left: 15/30rem;
}
input::-webkit-input-placeholder {
/* WebKit browsers */
color: @blue;
}
input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: @blue;
}
input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: @blue;
}
input:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: @blue;
}

主要是通過偽元素+私有前綴這種方式實現，具體實現機制暫時不甚了解，存在兼容性問題。。。當我問這個問題的時候，希望有更好的辦法？不過好多人把input的color，甚至於background-color都搞混淆了，好尷尬。