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

2021-06-07 178点热度 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

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

文章评论

*

code