使用CSS修改Input输入框的placeholder的颜色或者其他样式

2021-06-07 749点热度 0人点赞 0条评论

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;
}

 

admin

这个人很懒,什么都没留下

文章评论

您需要 登录 之后才可以评论