javascript - フォントサイズの変更時に入力のサイズ変更を停止する方法

Question

比較的単純なため、スタックオーバーフローで私の質問に似た質問を検索してきましたが、これまでのところ運がなかったので、次のようになります。

私はこの入力を持っています：

<input type="text" id="test"/>

この CSS ルールを使用すると、次のようになります。

#test { font-size:14px; }

しかし、これをjqueryで実行すると:

 $('#test').click(function () {
     $(this).css('font-size', '14px');
 });

入力ボックスは、新しい font-size に合わせてサイズ変更されます。これを止めることは可能ですか？垂直方向のサイズ変更は私には問題ありませんが、水平方向のサイズ変更は私を殺します ;)

これがフィドルです。

前もって感謝します！

score 1 · Accepted Answer

1

テキスト入力に width スタイルを設定してみてください。

于 2012-06-07T08:00:37.843 に答える

score 1 · Accepted Answer

max widthcss で次のようなプロパティを設定する必要があります。

#test { 
  font-size:14px; 
  max-width: 150px;
}

score 1 · Accepted Answer

1

#testcss を次のように変更します

#test 
{ font-size:14px;height:20px;width:200px; }

于 2012-06-07T08:00:55.050 に答える

3 に答える 3