在safari浏览器上的光标高度太高但是在chrome上它很好

Question

在Safari浏览器上的“subscribeform”上有光标问题。当输入字段为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设置为normal

Answer 2

查看line-height属性或尝试在输入中添加更多填充

参考：http://www.w3schools.com/cssref/pr_dim_line-height.asp