0

textarea コントロールのフォント サイズ (13px) と行の高さのサイズ (23px) を設定しようとしています。

たとえば、最初のコード: ( http://jsfiddle.net/D6T4f/ )

<TEXTAREA style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 23px; height: 70px;"></TEXTAREA>

空白のテキストエリア内をクリックすると、カーソルが正しい位置に配置されます。

しかし、このコードにはスタイルbackground-colorが含まれています: ( http://jsfiddle.net/4e2dL/ )

<TEXTAREA style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 23px; height: 70px;"></TEXTAREA>

背景色のスタイルを 1 つだけ追加しました: 白; . そのため、テキストエリア内をクリックしようとすると、カーソルは最初のコードとは異なります (わずかに高くなります)。しかし、テキストの入力を開始すると、カーソルが正しい位置に移動します。

このスタイルを使用する必要がある場合、これを回避するにはどうすればよいですか?

問題は IE 9 で発生します。Chrome (最新) は問題ありません。

style background-image: none;を使用した場合にも同じ問題が発生しました。

ありがとう！

4

2 に答える 2

2

ここでスペースや改行を削除してみてください

これが原因である可能性があります。

于 2012-10-17T16:36:04.220 に答える
0

これは IE9 のみの問題であり、背景スタイルを追加すると、他の標準的な IE9 スタイルも上書きおよび削除されるようです。

解決策として、テキストエリアに影響を与えるスタイルを正規化するために、スタイルをより明確にする必要があります。テキストエリアのスタイルが css スタイルによって完全に上書きされ、2 つをもたらす例をまとめました。インライン: http://jsfiddle.net/PXgxU/2/

于 2012-10-17T16:53:11.203 に答える