输入输入框是用背景图片模拟输入,设置高度和行高作为输入文本的内部可以居中,对Chrome、Firefox和ie的性能测试在不同情况下,具体解决方案如下,感兴趣的朋友可以参考哈萨克斯坦。




输入光标位置错位浏览器
在工作中遇到问题,试着找出解决办法,这是真的!记住要使别人方便,方便别人。

这个项目以前遇到过一个问题。
输入框用背景图模拟,设置高度和线高度相同,以便输入文本可以在中间。
FF下的情况是,当您单击输入时,输入游标实际上与输入的高度一样高,但是当输入文本时,光标与文本一样高。
在Chrome中,光标与输入的高度一样高。
在伊江,光标与文本大小相同。
不知道为什么今天这样,听同学们在讨论卢浮宫,不知道为什么。

初步结论如下:
IE:无论该行是否有文本,光标高度与字体大小相同。
FF:当线的文本,将光标在font-size.when线没有文字一样,游标高度与输入的高度一致。
铬:当没有写线时,光标的高度和线的高度相同。当写入行时,光标的高度从输入的顶部到文本的底部。这两种情况都是在设置线高度时设置的。如果没有行高,它与字体大小一致。

解决方案:
为输入的高度设置一个小的高度,然后填充它,基本上解决了所有浏览器的问题。

复制代码代码如下所示:
输入{
身高:16px;
填料:4px0px;
字体大小:12px;
}