修改HTML5 input placeholder 顏色及修改失效的解決辦法

input::input-placeholder{color:  #bdbdbd ;} /* 有些資料顯示須要寫，有些顯示不須要，可是在編輯器webstorm中該屬性不被識別 */
::-webkit-input-placeholder { /* WebKit browsers */ 
color: #999; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #999; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #999; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #999; 
} 

這段代碼在單獨試用沒有問題，在有時候作項目的時候會出現加此代碼不生效的狀況，緣由多是項目用的框架中底層已經寫好了placeholder的屬性顏色，再寫一個不能替換掉底層顏色，因此必須給每一個屬性值加！important

這樣就能夠成功執行了。