今天鋪頁面遇見一個問題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可以實現提示內容出現在文本框的任意位置
如果有其他的辦法歡迎評論