文本字段

我们最近已转向使用基于引擎的 <input type=text> 实现方式。这样，我们的文本字段现在能够使用许多以前无法使用的有用 CSS 功能。border-radius、border-image 和 background-image 只是现在可以与我们的文本字段一起使用的少数几个功能。

实现细节与按钮实现的细节类似。我们使用 -webkit-appearance: textfield 来启用水蓝色文本字段边框。当指定边框样式时，我们关闭水蓝色外观。对于字段的可编辑部分，我们使用一个匿名 contenteditable div。这意味着我们的文本字段使用的编辑引擎与我们用于邮件和任何其他可编辑 Web 内容的编辑引擎相同。

此外，初步测量表明，包含文本字段的页面在加载性能方面有显著的提升。欢迎那些包含大量文本字段的页面！