我正在尝试设置我的占位符文本,我希望占位符文本位于顶部。它目前坐在中间。填充属性有效,边距不起作用,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;
答案 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>