webkit表单输入框placeholder的文字能换行么?

Posted 2023-04-25

原生输入框是不可以的
需要自己参照富文本编辑器的编辑框实现，去模拟效果，但是要处理光标，聚焦，失焦等等一系列的场景
建议还是改需求把 参考技术A

textarea可以

参考技术B ios可以，android不行

在textarea标签下都可以换行（BY三人行慕课）

输入框占位符颜色

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #bbb;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #bbb;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #bbb;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #bbb;
}