html - HTML 输入元素的灵活宽度

标签 html css

如何使 HTML 输入元素的宽度灵活并与它包含的字符串值的宽度完全匹配?

最佳答案

恐怕这仅靠 CSS 是不可能的。但是你可能会在网上找到很多 JS 的解决方案。一个简单但不太优雅的解决方案是使用 span 并使用 contenteditable 属性并将其样式设置为看起来像输入:

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

see the reference in MDN

当然,它不会作为输入,因此您还必须为此做一个解决方法。

关于html - HTML 输入元素的灵活宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22478971/

相关文章:

javascript - 页面完全加载事件

html - 如何拉伸(stretch)两个 div 元素以填充可用的水平空间?

html - 最后一个元素打破了绝对位置的所有 sibling

css - CSS问题明确:两者都无法在我的代码中工作

html - 通讯边框错误

html - 响应式布局 - 连续 4 个 Sprite ,拉伸(stretch)/收缩到外壳

javascript - 为什么我的 Space Invaders 不动?

xml - XHTML5 命名空间...是最终标准还是需要 W3C 更新?

javascript - 在 JavaScript 中获取 CSS 设置

javascript - Materialise 表中的方形单元格