2

テキストエリアの高さを10行固定にする方法は？のように置きます

<label for="textarea" style="font-weight: bold;">Message Content:</label>
<br/>
<textarea cols="40" rows="10" class="ui-input-text" name="textarea" id="textarea" placeholder="Enter Message"></textarea>

ただし、ページが読み込まれたときの高さは 10 行ではなく、サイズ変更可能です。

4

3 に答える 3

8

サイズ変更が可能なブラウザでのみサイズ変更できます。この CSS でそれを防ぐことができます:

textarea
{
    resize: none;
}

高さが 10 行ではないことについては、元のスタイルに対して 10 行の高さが計算され、スタイルを別のフォントやフォント サイズに変更し、パディングを追加した場合、合わない。高さを、たとえば、10emまたは10em+ パディングに設定してみてください。

于 2013-06-13T00:00:49.507 に答える
5

とresize: none;

高さが合わない場合はCSSで設定してみてください

<textarea style="resize: none;" cols="40" rows="10" ...
于 2013-06-12T23:57:03.940 に答える