line-heightとクロムのTextareaでのカーソルの高さの問題

font-sizeより大きいline-heightを指定すると、font-heightと同じカーソルの高さを減らすことができます。このfiddleをChromeブラウザで見ると、私が何を話しているかが分かります。これはFirefoxで正常に動作し、問題はChromeブラウザでのみ発生します。テキストエリアのHTMLは次のとおりです。line-heightとクロムのTextareaでのカーソルの高さの問題

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

EDIT：

私はテキストを配置しようとしていた上で水平線とテキストエリアの背景イメージを持っているように、私はライン間のラインの高さのスペースが欲しいです。

出典

2013-07-20 imVJ

あなたはキャレットの途中でテキストをwan'tしましたか？ – iConnor

jqueryを使用してdivからテキストエリアを作成すると、より柔軟になります – Vector

この問題はすべて 'line-height'属性によって発生しました。 –

-2

私はこのコードをChromeで試してみて成功しました。これでコードが実装され、チェックされます。

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

出典

2013-07-20 09:21:41

OPはライン間にラインハイトスペースが必要です。 – Vector

はい私は、私は場所のテキストをしようとしている水平線を持つテキストエリアの背景画像を持っているので、行間の行の高さのスペースが必要です。 – imVJ

これは、尋問者が望んでいたものではありません。私は、質問者がライン間の間隔を広げるためにライン高さを使用したいと思いますが、カーソルサイズはfont-sizeと同じにしておきます。 –

-1

try this for line height space between line... 


<div style="background-color: lime; line-height: 2cm;"> 
testing line height - line 1 <br> 
testing line height - line 2 <br> 
</div>

出典

2013-07-20 09:42:25

これは尋問者が望んでいたものではありません。私は、質問者がライン間の間隔を広げるためにライン高さを使用したいと思いますが、カーソルサイズはfont-sizeと同じにしておきます。 –

テキストエリア内に位置するキャレットを変更したいかのように聞こえます。ここにこれを扱う記事があります。

Styling text input caret

出典

2013-07-30 16:17:22

line-heightとクロムのTextareaでのカーソルの高さの問題

答えて

関連する問題