修改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

這樣就可以成功執行了。