placeholder样式修改方法

326 阅读1分钟

placeholder属性用来设置控件内部的提示信息

<input type="text placeholder="请输入" />

改变placeholder的样式

input::placeholder {
  color: #f00,
  font-size: 14px;
}

各浏览器样式兼容性设置

谷歌浏览器的设置:
input::-webkit-input-placeholder {
  color: #f00,
  font-size: 14px;
}

火狐浏览器的设置:
input::-moz-placeholder {
  color: #f00,
  font-size: 14px;
}

IE浏览器的设置方式:
input::-ms-input-placeholder {
  color: #f00,
  font-size: 14px;
}