在input、textarea等標簽中可能需要用到placeholder,默認是灰色的,但如果輸入框有復雜的配色,這時候可能就會對默認提示文字placeholder進行顏色設置,所以本文就是來分享如何修改placeholder文字默認顏色的:
先看案例:
input{color: blue;}//輸入文字為藍色 /**/ input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #f35; opacity:1; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #f35;opacity:1; } input:-ms-input-placeholder{ color: #f35;opacity:1; } input::-webkit-input-placeholder{ color: #f35; } </style> <input class="inputText" id="id_card" name="id_card" placeholder="placeholder文字默認顏色" type="text">
使用中,請注意瀏覽器兼容!
在html5中input,textarea等元素新添加了placeholder的屬性,我們可以通過css設置placeholder的樣式,對于ie,firefox,以及webkit內(nèi)核的瀏覽器需要使用不同的樣式寫法。
案例2:
<style> input:-moz-placeholder, textarea:-moz-placeholder { color: #f35; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #f35; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #f35; } /**/ </style> <input type="text" placeholder="搜索" value="">