2013-07-20 18 views
11

Yazı tipi boyutundan daha büyük bir çizgi yüksekliği belirlediğimizde, imleç yüksekliğini font yüksekliğiyle aynı şekilde azaltabilir miyiz? Chrome tarayıcısında bu fiddle'a bir göz atın ve hakkında konuştuğum şeyi alacaksınız. Firefox'ta bu iyi çalışıyor, sorun sadece Chrome tarayıcısında. Metin Alanı html geçerli:Satır yüksekliği vs imleç yüksekliği sorunu, Textarea in chrome

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

DÜZENLEME: i metni yerleştirmek için çalışıyorum hangi yatay çizgilerle textarea için arka plan görüntüsü olduğu gibi

Satır aralarını line-height alanı istiyorum.

+0

Eğer düzeltme işaretinin ortasında metni istemek mi? – iConnor

+0

jquery kullanarak bir div dışında bir textarea oluşturabilir ve çok daha fazla esnekliğe sahip olursunuz – Vector

+0

Bu sorun 'line-height' özniteliğinden kaynaklandı. –

cevap

-2

Bu kodu Chrome'da denedim ve başarılı oldu. Şimdi kodunuzu uygulayın ve kontrol edin. Eğer değiştirmek isterseniz Caret metin alanı içinde bulunan olarak

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

OP, satırlar arasındaki çizgi yüksekliği boşluğu istiyor. – Vector

+0

Evet, metin yerleştirmeye çalıştığım yatay çizgilerle textarea için arka plan resmim olduğu gibi satırlar arasında çizgi yükseklik alanı istiyorum. – imVJ

+0

Askerin istediği bu değil. Çizginin satır aralarındaki boşluğu artırmak için satır yüksekliğini kullanmak istediğini, ancak imlecin boyutunu yazı tipi boyutuyla aynı bıraktığını düşünüyorum. –

-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> 
+1

Askerin istediği bu değil. Çizginin satır aralarındaki boşluğu artırmak için satır yüksekliğini kullanmak istediğini, ancak imlecin boyutunu yazı tipi boyutuyla aynı bıraktığını düşünüyorum. –