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 fiend 时，它会被聚焦，然后它会得到一个填充，这样光标就在正确的位置。所以像下面这样设置填充 -

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;
}