HTML输入元素的灵活宽度

Question

如何使HTML输入元素的宽度灵活并精确匹配它包含的字符串值的宽度？

Answer 1

我担心只有CSS这是不可能的。但是你可能会在网上找到很多JS解决方案。一个简单但不那么优雅的解决方案是使用span并使用contenteditable属性并将其样式设置为输入：

 <span contentEditable="true">Placeholder</span>

see the reference in MDN

当然，它不会表现为输入，所以你也必须为此做一个解决方法。