safari瀏覽器上的光標高度太高，但在Chrome瀏覽器上很好

-1

Theres是Safari瀏覽器上的「subscribeform」上的光標問題。當輸入字段爲onFocus（）！時，光標太長。但它對鉻的罰款。請檢查下面的圖片。怎麼修？任何建議讚賞謝謝。safari瀏覽器上的光標高度太高，但在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; 
}

來源

2017-01-25 Alexander Macleod

-3

看一看在line-height財產或嘗試加入更多的填充您輸入

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

來源

2017-01-25 15:06:27 Antony

嘿感謝您的建議，我已經嘗試過這個。查看更新後的問題。任何其他想法？ –

嘗試與輸入的填充設置，而不是嘗試，同時使line-height設置爲normal

來源

2017-01-25 15:32:08

嘿Neha感謝您的建議，檢查更新後的答案，我試着用填充實驗，但瀏覽器沒有任何改變。我一定在做一些根本性的錯誤，我想知道它是什麼。但是當我改變背景顏色時，它會改變，而不是填充。奇怪....哼 –

safari瀏覽器上的光標高度太高，但在Chrome瀏覽器上很好

回答

相關問題