html – 如何在textarea中垂直排列占位符文本？

概述我试图在textarea(文本框)中垂直对齐占位符文本.我使用textarea而不是文本输入,因为我需要使用多行. .textbox1 { width: 440px;} <textarea class="textbox1"name="mytextarea"placeholder="Name"></textarea> 这适用于最新的Firefox,IE / Edge,纯CSS中的Chrome 我试图在textarea(文本框)中垂直对齐占位符文本.我使用textarea而不是文本输入,因为我需要使用多行.

.textBox1 {   wIDth: 440px;}

<textarea name="mytextarea"placeholder="name"></textarea>

解决方法 这适用于最新的firefox,IE / Edge,纯CSS中的Chrome：

textarea {     wIDth: 440px;    height:600px; /* Note this is the same height as the placeholders line-height */}::-moz-placeholder { /* Mozilla firefox 19+ */    line-height:600px;}::-webkit-input-placeholder { /* Webkit */    line-height:600px;}:-ms-input-placeholder { /* IE */    line-height:600px;}

请参阅此fiddle.关键是将textarea的高度设置为与占位符相同的行高.

可悲的是垂直对齐：中间似乎还没有得到支持.

总结

以上是内存溢出为你收集整理的html – 如何在textarea中垂直排列占位符文本？全部内容，希望文章能够帮你解决html – 如何在textarea中垂直排列占位符文本？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。