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;這樣就可以成功執行了。
堅守“ 做人真誠 · 做事靠譜 · 口碑至上 · 高效敬業 ”的價值觀,專業網站建設服務10余年為成都展覽展示小微創業公司專業提供企業網站制作營銷網站建設商城網站建設手機網站建設小程序網站建設網站改版,從內容策劃、視覺設計、底層架構、網頁布局、功能開發迭代于一體的高端網站建設服務。
文章題目:修改HTML5inputplaceholder顏色及修
分享鏈接:http://vcdvsql.cn/article2/pocdoc.html
成都網站建設公司_創新互聯,為您提供自適應網站、網站制作、商城網站、網站設計、網頁設計公司、面包屑導航
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯