HTML輸入文本光標位置問題

Question

只想索要你的幫助。當HTML頁面加載時，在輸入文字光標太高或在錯誤的位置：

但是當焦點，輸入文字光標是正確的：

在這裏發現了另一個相同的問題，但line-height修復無法解決我的問題。

CSS：

input[type=text] { 
    border-radius: 0 !important; 
    height: 50px !important; 
    font-size: 14px !important; 
    box-shadow: none !important; 
    line-height: 100% !important; 
} 

Answer 1

這是填充問題。當你點擊輸入惡魔時，它會被聚焦，然後它得到一個填充，所以光標處於正確的位置。因此請設置如下所示的填充 -

input[type=text] { 
    border-radius: 0 !important; 
    height: 50px !important; 
    font-size: 14px !important; 
    box-shadow: none !important; 
    line-height: 100% !important; 
    padding: adjust according to your choice; 
}