强制输入元素的宽度大小为其内容/值

Question

我正在试图取消输入元素的设计,使其文本看起来像普通/内联文本,并且我已经重置了它可以拥有的每个css属性,但是我无法调整/缩小它的输入宽度内容(input { width:auto; min-width:0; }不起作用).它遵循任意宽度input { width: 10px; },因此显然它的宽度是可调节的.

我看到人们试图用javascript做这件事(答案的小提琴不再适用),所以我想知道我想要的是否可能.

这是一个小提琴.

Answer 1

玩过这个。做不到。你想达到什么目的？你了解属性contenteditable吗？

这可能会满足您的需求。

https://developer.mozilla.org/en-US/docs/HTML/Content_Editable