html - テキストボックスをテキストの幅に合わせて調整する

Question

入力テキストをテキストの幅に拡大または縮小する CSS だけで可能ですか?

Answer 1

これはCSSだけでは不可能です。これにはjQueryを使用する必要があります-

function resizeInput() {
    $(this).attr('size', $(this).val().length+1);
}  

$('input[type="text"]').keyup(resizeInput).each(resizeInput);

ワーキングデモ