input 修改placeholder中颜色和字体大小


1.style中需要作如下修改:

<style>
 
input::-webkit-input-placeholder {
    /* placeholder颜色 */
    color: #aab2bd;
    /* placeholder字体大小 */
    font-size: 12px;
}
</style>

2.HTML中的代码如下:

<input type="text" placeholder="输入你想要查找的内容" id="groupName">

3.同理textarea改变字体的大小和颜色方式:

style:

textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #9c9c9c;
}
textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #9c9c9c;
}
textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #9c9c9c;
}
textarea::-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #9c9c9c;
 
}

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM