Petr Gazarov 在他的文章 文本输入高亮，TripAdvisor 风格 中发布了一个非常棒的小型设计模式。
这是一个技巧！你无法真正让一个 <input> 像那样伸展，所以 Petr 创建了一个 <span> 来同步值，它充当边框本身。整个东西是一个 React 组件。
如果你愿意使用 <span contenteditable>，你可以 完全用 CSS 完成！
查看 CodePen 上 Chris Coyier (@chriscoyier) 的 底部轮廓 演示。
不过这也意味着没有 placeholder。