2013-05-08 3 views
0

У меня есть текстовое поле для ввода текста, если я наберу несколько слов, тогда курсор перед моим текстом окажется больше. Почему он показывает больше? Это должно быть равным моим словам? Я хочу, чтобы размер шрифта был 38 пикселей;курсор infront текста появляется больше, чем текст

Я проверяю его на Chrome Browser

пожалуйста, помогите мне решить эту проблему.

<textarea name="quotes" cols="40" rows="10" placeholder=" What`s your quotes? " style="height:100px;width:99%;overflow:auto;border: 1px solid silver;font-size:38px" keynav:shortcut="10"></textarea> 

enter image description here

+0

Какой браузер/OS Почему JQuery тег – j08691

+0

ли параметр высоту строки где – Turnip

+0

@ j08691 Google хром, Jquery тег, потому что может быть этот вопрос p roblem относится к некоторому методу jquery/javascript –

ответ

2

Ответ на ваш вопрос («Почему мигающий курсор появится больше текста?») Является то, что это иллюзия. Курсор фактически является высотой всей высоты линии. Помните, что дно g, j, p, q или y также является частью строки. Таким образом, может получиться , что мигающий курсор выше линии, но на самом деле это не так.

+0

Так что я должен сделать для этого, чтобы предотвратить больший курсор. Это не выглядит хорошо –

+0

@Ashutosh, выберите меньший шрифт? Тогда это будет не так заметно. Однако это правильное поведение, и я боюсь, что вы не можете (или должны захотеть) сделать это. –

+0

Я хочу, чтобы шрифт был больше. Здесь http://jsfiddle.net/Cdsn2/ работает нормально. Но только моя страница имеет такую ​​проблему ... почему –

0

Проблема, видимо, решить дело в от 3-х лет с этого момента, но прочитав комментарии поговорку, что были проблемы Ilusion (причина курсор был такой же размер линии, я решил мою проблему с помощью:

line-height: 27px; 

в моем поле ввода

возможно может помочь кому-то в будущем:.?? D

Смежные вопросы