关于placeholder提示内容出现在textarea底部问题

今天铺页面遇见一个问题textarea中placeholder提示语无法显示在文本框底部问题。今天我就来说说怎么让placeholder提示语出现在文本框底部。

 

 

HTML代码：<textarea placeholder="输入的字数不能超过300" class="text"></textarea>

CSS代码：.text{display: block; margin: 100px auto; width: 600px; height: 200px; resize: none;}

正常铺出来的页面提示字会出现在text顶部当我们需要它移动到低部时我们可以通过平移来控制他的位置

这是平移以后的位置

CSS代码：.text::-webkit-input-placeholder{transform:translateY(180px);}

通过transform可以实现提示内容出现在文本框的任意位置

 如果有其他的办法欢迎评论

转载于:https://www.cnblogs.com/stt520/p/9442921.html