css3 placeholder字体颜色大小

时间 2019-11-08

标签 css3 css placeholder 字体颜色大小栏目 CSS 繁體版

原文原文链接

1、须知css

placeholder属性是css3中新增长的属性，IE9和Opera12如下版本的CSS选择器均不支持占位文本。css3

2、设置placeholder文字颜色、字号web

方式1：由于每一个浏览器的CSS选择器都有所差别，因此须要针对每一个浏览器作单独的设定(能够在冒号前面写input和textarea)。浏览器

::-webkit-input-placeholder { /* WebKit browsers */
  color: #999;
  font-size: 16px;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999;
  font-size: 16px;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999;
  font-size: 16px;
}

方式2：建议使用该方式若是是在手机客户端webview 只使用－webkit内核方式便可。spa

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #666;
  font-size: 16px;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #666;
  font-size: 16px;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #666;
  font-size: 16px;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #666;
  font-size: 16px;
}