input.placeholder文本,垂直属性

时间:2016-05-03 03:37:41

标签: html5 css3

我正在尝试设置我的占位符文本,我希望占位符文本位于顶部。它目前坐在中间。填充属性有效,边距不起作用,text-align属性有效,vertical-align不起作用。有这个原因吗?



 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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

文本区域的定义如下:<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form id="contact-form-1" action="sendmail.php" method="POST"> <input class="contact-name form-control" type="text" name="name" placeholder="FULL NAME"> <input class="contact-email form-control" type="text" name="email" placeholder="EMAIL"> <textarea class="contact-message form-control" name="message" placeholder="MESSAGE" rows="5"></textarea> <button class="btn">SEND MESSAGE</button> </form>

我认为这就是你想要的:

<textarea rows="4" cols="50">Text here</textarea>