Уменьшение размера курсора по умолчанию перед вводом текста - PullRequest
Новая
       23

Уменьшение размера курсора по умолчанию перед вводом текста

1 голос
/ 29 апреля 2011

У меня есть несколько полей ввода, которые получают разные результаты в разных браузерах. Вот css для коробок: 

.InputBox
{
    background-image: url(../text_field.png);
    height: 25px;
    width: 192px;
    z-index:300;
    position:absolute;
    border: 0;
    padding: 0 0 0 3px;
    background-color:transparent;
    font-size: 12px;
}

Я предполагал, что курсор будет соответствовать размеру / местоположению текстового поля. Мне нужно будет только добавить вызовы padding и font-size. К сожалению, это не случай. На данный момент вот проблемы, с которыми я сталкиваюсь в браузере

Хром Нет

Safari Нет

IE8 Курсор WAY на высоком уровне, не отображается перед полем, пока текст не будет напечатан. Текст не по центру, но ближе к вершине

Firefox Размер курсора слишком велик, когда текст не вводится. После ввода текста курсор в порядке. Если текст удален, курсор становится большим.

Как отрегулировать начальный размер курсора в Firefox? Я предполагал, что это будет соответствовать font-size, но я думаю, что это не так. Кроме того, как я могу настроить padding в IE, не изменяя его в других, и почему курсор будет отображаться за текстовым полем, когда текст не вводится?

1 Ответ

0 голосов
/ 29 апреля 2011

Это ошибка, которую я исправил в Firefox 4. В Firefox 4 размер курсора всегда равен размеру текста, который будет введен. Мы берем этот размер из свойства font-size. В Firefox 3.6 и более ранних версиях размер определяется высотой блока, содержащего курсор, если в нем нет текста.

...