placeholder属性样式设置

Posted ivanlee-ee-233

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了placeholder属性样式设置相关的知识,希望对你有一定的参考价值。

placeholder属性的样式设置效果图

技术分享图片

代码

 input::-webkit-input-placeholder {
  font-style: italic;
  font-weight: 300;
  color: #e6e6e6;
}

input::-moz-placeholder {
  font-style: italic;
  font-weight: 300;
  color: #e6e6e6;
}

input::input-placeholder {
  font-style: italic;
  font-weight: 300;
  color: #e6e6e6;
}

代码解释

::input-placeholder需要做浏览器兼容

以上是关于placeholder属性样式设置的主要内容,如果未能解决你的问题,请参考以下文章

设置placeholder无效解决办法

placeholder的样式设置

placeholder的样式设置

placeholder的样式设置

placeholder的样式设置

设置input标签的placeholder的样式