input line-height 兼容解决方案
2015-10-29 13:56
155 查看
input不设置line-height 属性,IE8及以下浏览器中光标会偏移到最上方,不能居中;
如果将line-height 属性设置为与height一样的数值,Chrome浏览器又有一个bug,会出现光标不能居中的问题,需要将line-height设置为normal方可解决;
如果设置line-height:normal又会导致IE8光标不能居中。
可兼容所有主流浏览器的解决方案如下:
input[type="text"]:focus{line-height: normal; line-height: 2.4em\9;
备注:据说Google Chrome 39已经修正了line-height的BUG,不过以上才是最完美的解决方案。
参考文章:
http://www.51-n.com/t-4301-1-1.html
如果将line-height 属性设置为与height一样的数值,Chrome浏览器又有一个bug,会出现光标不能居中的问题,需要将line-height设置为normal方可解决;
如果设置line-height:normal又会导致IE8光标不能居中。
可兼容所有主流浏览器的解决方案如下:
input[type="text"]:focus{line-height: normal; line-height: 2.4em\9;
备注:据说Google Chrome 39已经修正了line-height的BUG,不过以上才是最完美的解决方案。
参考文章:
http://www.51-n.com/t-4301-1-1.html
相关文章推荐
- Maven的安装使用以及 Maven+Spring hello world example
- 標準の salesforce のページに似たページを作成
- ReactiveCocoa入门教程——第二部分
- iOS面试题非技术面试(一)
- java连接oracle数据库
- Md6算法
- 如何生成RestFul Api文档
- 【Word】公式在文本中上移的解决办法
- 如何布局包含Image和Title的UIButton
- AVFoundation音频播放-AVAudioPlayer
- Quartz集成springMVC 的方案二(持久化任务、集群和分布式)
- ecstore二次开发技巧
- Java遍历Map对象的四种方式
- iOS传值方式
- 十个最流行的Oracle性能指标,DBA必知
- php中,如何将编译后的代码,反编译回去。
- Android studio 获取每次编译apk时的日期
- statement
- VBS教程:获取计算机的盘符
- 按键矩阵(多键有效)