input.placeholder文本，竖排属性

Question

我正在尝试设置占位符文本的样式，我希望占位符文本位于顶部。它目前位于在中间。填充属性有效，边距无效，文本对齐属性有效，垂直对齐无效。这是有原因的吗？

 input[type="textarea"]::-webkit-input-placeholder {
   padding: 10px;
 }
 input[type="textarea"]:-moz-placeholder {
   /* Firefox 18- */
   padding: 10px;
 }
 input[type="textarea"]::-moz-placeholder {
   /* Firefox 19+ */
   padding: 10px;
 }
 input[type="textarea"]:-ms-input-placeholder {
   padding: 10px;
 }

<div class="description">
  <label>Description</label>
  <input type="textarea" placeholder="Description"></input>
</div>

Answer 1

文本区域定义如下：<textarea rows="4" cols="50">Text here</textarea>

我想这就是你想要的：

<div class="description">
  <label>Description</label>
  <textarea placeholder="Describe yourself here..." rows="4" cols="50" ></textarea>
</div>