Как установить каретку?

Question

[Владислав Чернушевич]

Можно ли сделать, чтобы при фокусе каретка была по центру? Сейчас вот так
https://yadi.sk/i/WGezconCckYEB - хром
i.imgur.com/SeWfR0N.png - сафари

Когда что-то ввести, то все становится хорошо https://yadi.sk/i/qKTL7niFckYGD
Можно ли сделать, чтобы изначально каретка была в таком положении?

Answer 1

[Александр]

Хотелось бы увидеть код..
Как вариант, попробуйте установить line-height:100% для input

Comments

[Владислав Чернушевич]

Для инпута вот такие стили прописаны

outline: 0;
border: 1px solid #eeeff0;
border-top: 1px solid #cfd2d4;
border-bottom: 0;
border-radius: 4px;
background: #FFF;
box-shadow: inset 0 1px 1px 0 #cfd2d4;
height: 42px;
padding: 0 12px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
line-height: 42px;

[Александр]

Uladzislau: в таком случае, мое решение подходит. jsfiddle.net/8crk6heu/1

Answer 2

[versoul]

вероятнее всего с line-height беда, можно попробовать с ним поэксперементировать, например убрать =)