javascript - safari 浏览器上的光标高度太高，但在 chrome 上还好

Question

Safari 浏览器上“订阅表单”上的光标存在问题。当输入字段为 onFocus()! 时，光标太长。但它在 chrome 上很好。请检查下图。怎么修？任何建议表示感谢。

代码: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