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

標籤：html5   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；這樣就可以成功執行了。

本文出自 “小敘前端” 部落格，請務必保留此出處http://beileixinqing.blog.51cto.com/7540036/1878290

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