Cursor Höhe auf Safari Browser ist zu groß, aber auf Chrom ist es in Ordnung

Question

Theres ein Problem mit dem Cursor auf der "subscribeform" auf dem Safari-Browser. Der Cursor ist zu lang, wenn das Eingabefeld onFocus() ist! Aber es ist in Ordnung für Chrom. Bitte überprüfen Sie das Bild unten. Wie repariert man? Jeder Rat geschätzt, danke.

Code: 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> 

-Code CSS

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

Ich habe sogar versucht, dies und nichts geändert:

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

Answer 1

einen Blick auf dieHabenEigenschaft oder versuchen, mehr Polsterung auf Ihre Eingabe Hinzufügen

Referenz: http://www.w3schools.com/cssref/pr_dim_line-height.asp

Answer 2

Versuchen mit padding Einstellungen des Eingangs Experimentieren statt, während die line-height Satz