让textArea的placeholder垂直居中,输入文字时不会居中

Posted island1994

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了让textArea的placeholder垂直居中,输入文字时不会居中相关的知识,希望对你有一定的参考价值。

<style>
    #textArea {
      color: white;
      height: 50px;
    }
    #textArea::-webkit-input-placeholder{
      height: 50px;line-height: 50px
    }    /* 使用webkit内核的浏览器 */
    #textArea:-moz-placeholder{
      height: 50px;line-height: 50px
    }                  /* Firefox版本4-18 */
    #textArea::-moz-placeholder{
      height: 50px;line-height: 50px
    }                  /* Firefox版本19+ */
    #textArea:-ms-input-placeholder{
      height: 50px;line-height: 50px
    }
  </style>

 

以上是关于让textArea的placeholder垂直居中,输入文字时不会居中的主要内容,如果未能解决你的问题,请参考以下文章

当placeholder的字体大小跟input大小不一致,placeholder垂直居中

如何在textarea中垂直居中文本?

如何防止调整大小的TextArea溢出页面?

HTML textarea 文本区域 外面说明文字垂直居中对齐的问题

css placeholder 不居中怎么办

如何让input里面placeholder水平居中