適用情境:input 輸入框內的placeholder提示文字太長,想自動折行。


input {
  height: 2rem;
}
input::placeholder {
  transform: translateY(-0.5rem);
  white-space: normal;
}

重點:

  1. 選擇器 ::placeholder
  2. white-space: normal; 超過容器寬度自動換行
  3. transform: translateY() 偏移文字 △未設定偏移時

參考資料