css解决input里面光标位置靠上问题

来源:互联网 发布:淘宝电信手机 编辑:程序博客网 时间:2024/05/16 00:44

在Chrome浏览器中,当设置了line-height时,input无文字,光标高度与line-height一致;input有文字,光标高度从input顶部到文字底部。当没有设置line-height时,则是与font-size一致。
想让光标居中的解决方案是:让input的高度等于里面文字的高度,然后用padding把框撑起来,这样光标的高度和位置就固定了。
如:

input{    height: 14px;    padding: 4px 0px;    font-size: 14px;}
0 0