[BUG]手机版 requiredmeta 输入框没有边框，缺乏识别度。

[eallion]

问题描述 | Describe the bug 来自网站访客的反馈： 手机版requiredmeta输入框没有边框，缺乏识别度（见下图），如果不是经常逛博客的人不知道在哪里输入用户名和邮箱。

问题网站 | Website URL

https://waline.js.org/

部署方式 | Deploy Type

• 服务部署在哪里？ | Where your waline deploy?

  • [ ] Vercel
  • [x] CloudBase
  • [ ] Docker
  • [ ] VPS, Virtual Host
  • [ ] Other

• 数据存储在哪里？| Where your comment data store?

  • [ ] LeanCloud(https://leancloud.app)
  • [ ] LeanCloud(https://leancloud.cn)
  • [x] CloudBase
  • [ ] MongoDB
  • [ ] MySQL
  • [ ] SQLite
  • [ ] PostgreSQL
  • [ ] GitHub

• 截图

• iPhone6 另外在 iPhone6 的 Safari 上，placeholder 排版错误，不能正确换行。

[Mister-Hope]

https://html.spec.whatwg.org/multipage/input.html#the-placeholder-attribute

Line break in placeholder is NOT allowed in specification AT ALL. Some of the broswers are supporting it BY MISTAKE or other purpose.

If you do need placeholder on all devices please use

textarea:not(:focus)::before{
    content: "line\nbreak"
}

as a hack. And this hack do have other issues, you are warned.

[Mister-Hope]

Thanks for the advice for input appearance on mobile, new outlook is here.

[eallion]

gj thx!