Высота курсора в браузере Safari слишком высока, однако на хроме его тонкий

Question

Theres проблема с курсором на «subscribeform» в браузере Safari. Курсор слишком длинный, когда поле ввода находится onFocus() !. Но его штраф на хром. Пожалуйста, проверьте изображение ниже. Как исправить? любой совет оценил спасибо.

Код: HTML

<!--========== Notify Me ==========--> 
      <form action="php/subscribe.php" id="subscribeform" class="row newsletter-form mb-lg" method="post"> 
       <div class="input-group"> 
        <input type="email" class="form-control alt" name="email" placeholder="Enter Your Email Address" onfocus="this.select()"> 
      <span class="input-group-addon"> 
       <button type="submit" id="js-subscribe-btn"><img src="images/right-angle-white.png" alt=""></button> 
      </span> 

код CSS

.form-control.alt { 
    background: #FFF; 
    border-color: #CCCCCC; 
    line-height: normal; 
    padding: 10px; 
} 

Я даже попытался это и ничего не изменилось:

.form-control.alt { 
    background: #FFF; 
    border-color: #CCCCCC; 
    padding: 50px 30px 50px 80px; 
    line-height: normal; 
} 

Answer 1

Посмотрите на line-height свойство или попробуйте добавить больше дополнения к введенному

Ссылка: http://www.w3schools.com/cssref/pr_dim_line-height.asp

Answer 2

Попробуйте поэкспериментировать с настройками заполнения сигнала на входе вместо, оставляя line-height набор для normal