Input输入框中默认的placehoder是灰色的(如下“请填写”的提示语),可能企划会调整它的颜色。
<input class="cust-input" type="text" placeholder="请填写">
我们可以使用CSS的::placeholder来实现
如下:
/* 给PlaceHoder更换颜色#9B6624 */
.cust-input ::placeholder {
color: #9B6624;
opacity: 1;
/* Firefox 中可能需要加这个*/
}
/* 为了得到更好的兼容性,增加如下IE的设定 */
.cust-input :-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: red;
}
.cust-input ::-ms-input-placeholder {
/* Microsoft Edge */
color: red;
}
文章评论