CSS中修改placeholder文字的样式

废话不多说,知道你急着用,复制粘贴拿走吧!

/* WebKit, Blink, Edge */
input::-webkit-input-placeholder { 
    color:red;
}

/* Mozilla Firefox 4 to 18 */
:-moz-placeholder { 
   color:red;
}

/* Mozilla Firefox 19+ */
::-moz-placeholder { 
   color:red;
}

/* Internet Explorer 10-11 */
input:-ms-input-placeholder { 
   color:red;
}

/* Microsoft Edge */
input::-ms-input-placeholder {
   color:red;
}

简单说明一下:

1.WebKit, Blink, Edge浏览器等需要带上-webkit-前缀,且是双冒号,写的时候还要带上input或是textarea.
2.针对火狐浏览器则有两种写法,都需要带上-moz-前缀。火狐低版本的使用冒号(:),而高版本的使用双冒号(::);火狐浏览器不需要带上input或textarea.
3.placeholder属性只在IE10+才支持,IE10、IE11的写法是加上-ms-前缀,使用的是冒号(:),需要带上input或是textarea.
 

猜你喜欢

转载自blog.csdn.net/weixin_40629244/article/details/88544732