css - CSS3 を使用して HTML 要素のサイズを変更する

Question

CSS3 のサイズ変更可能なプロパティを使用して、HTML Div 要素のサイズを変更しています。

サンプルコードは次のとおりです: http://jsfiddle.net/blunderboy/nMTm9/1/

しかし、divの幅が変わったらすぐに入力要素内の値を更新したいです。どうすればこれを達成できますか?

Answer 1

setInterval を使用すると、次のことができます。

http://jsfiddle.net/nMTm9/3/

完璧ではありませんが、うまく機能します。

var input = $('input'), div = $('#resizable');
function calculate(){
    input.val(div.width()+"px");
}
setInterval(calculate,500);​

Answer 2

いいえ、CSS は input の value 属性、または実際には要素の属性を変更できません。

スタイルによる近いコンテンツの変更は、入力フィールドにコンテンツを入力した場合、またはコンテンツ入力フィールドを消去した場合、css によってラベルが変更されます。

ここにリンクの説明を入力