修改input输入框placeholder文字默认颜色

前端开发 1171 Views 0 Comments

针对placeholder来设置想要的颜色

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000; opacity:1; 
}

::-moz-placeholder {  /* Mozilla Firefox 19+ */
    color: #000;opacity:1;
}

input:-ms-input-placeholder{
    color: #000;opacity:1;
}

input::-webkit-input-placeholder{
    color: #000;opacity:1;
}

 

也可以给这个属性加字体

input::-webkit-input-placeholder { /* WebKit browsers*/ 
  color:#999;font-size:14px;
  }
input:-moz-placeholder {  /* Mozilla Firefox 4 to 18*/ 
  color:#999;font-size:14px;
  }
input::-moz-placeholder {  /* Mozilla Firefox 19+*/ 
  color:#999;font-size:14px;
  }
input:-ms-input-placeholder { /* Internet Explorer 10+*/ 
  color:#999;font-size:14px;
}

转载请注明:一只羊博客 » 修改input输入框placeholder文字默认颜色

分享到:
(7)

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址