最小內(nèi)容和最大內(nèi)容似乎不關(guān)心輸入元素的值:
input {
border: 1px solid black;
width: min-content;
}
<input type="text">
沒有JavaScript這是不可能的。
您必須以編程方式將輸入的寬度設(shè)置為其值的長度。這可以用ch單元來簡化。
document.querySelector('input').addEventListener('input', function() {
this.style.width = this.value.length + 'ch'
})
<input type="text">