css解决input里面光标位置靠上问题
2017-01-04 10:24
671 查看
在Chrome浏览器中,当设置了line-height时,input无文字,光标高度与line-height一致;input有文字,光标高度从input顶部到文字底部。当没有设置line-height时,则是与font-size一致。
想让光标居中的解决方案是:让input的高度等于里面文字的高度,然后用padding把框撑起来,这样光标的高度和位置就固定了。
如:
想让光标居中的解决方案是:让input的高度等于里面文字的高度,然后用padding把框撑起来,这样光标的高度和位置就固定了。
如:
input{ height: 14px; padding: 4px 0px; font-size: 14px; }
相关文章推荐
- css解决input里面光标位置靠上问题
- 完美解决amzonui里面input和icon布局问题
- input光标位置不居中问题
- 打开input输入的时候,css中position:absolute/fixed定位的时候,定位元素上移问题解决
- input输入框在移动端出现光标无法垂直居中的问题解决办法
- ie 下input光标位置垂直不居中问题
- Eclipse的Java Project用Ant编译没有问题,但Editor里面老是针对导入包位置有红叉叉的问题解决。
- 解决input标签在IOS浏览器中光标过长的问题
- 解决Dreamweaver在utf-8编码下光标偏位和光标位置不对的问题
- 移动端fixed + Input 调用键盘的时候fixed无效问题(css解决)
- 解决textarea光标初始位置没有在最左上角的问题
- tinymce编辑器的光标位置插入内容时,光标丢失问题解决办法
- css解决input和select的宽度不一致问题
- 解决input 有readonly属性 各个浏览器的光标兼容性问题
- UITextField 解决由明文切换到密文后文本被清空和光标位置偏移问题
- Android Studio 光标位置不在行首,而是跟随鼠标点击位置 问题解决
- 解决jQuery聚焦时光标在input最前面的问题
- 解决textarea光标初始位置没有在最左上角的问题
- CSS常见问题解决001——子div的margin-top影响父div的位置
- css解决input和img对齐的问题