关于input首行缩进IE兼容性问题
2017-09-27 16:00
302 查看
对于css属性text-indent控制缩进的浏览器兼容问题
在ie9,360,chrome,firefox下ie9和360对其的兼容性很差,几乎就是不识别。
之前在网上看到过着问题,现在遇到了,也没找到好的方案去兼容他。
只有用padding属性来替换,比如:
问题:在input里要缩进20px;来放置一些图标什么的:text-indent:20px;--ie,360始终不识别,导致输入光标和输入的字段都紧靠input左边,
解决:把原来的text-indent:20px;替换成padding-left:20px;原来设置的input的宽度要减去20px;
就ok了。
总之一句话在input里最好别用text-indent。其他地方没测试,反正最好别用text-indent。
以上转载自 http://blog.csdn.net/u012164393/article/details/67634732
自我总结:除此之外用text-indent:还会导致DIV之间可能会多出一些距离造成距离计算错误,将近用了一天的时间啊
在ie9,360,chrome,firefox下ie9和360对其的兼容性很差,几乎就是不识别。
之前在网上看到过着问题,现在遇到了,也没找到好的方案去兼容他。
只有用padding属性来替换,比如:
问题:在input里要缩进20px;来放置一些图标什么的:text-indent:20px;--ie,360始终不识别,导致输入光标和输入的字段都紧靠input左边,
解决:把原来的text-indent:20px;替换成padding-left:20px;原来设置的input的宽度要减去20px;
就ok了。
总之一句话在input里最好别用text-indent。其他地方没测试,反正最好别用text-indent。
以上转载自 http://blog.csdn.net/u012164393/article/details/67634732
自我总结:除此之外用text-indent:还会导致DIV之间可能会多出一些距离造成距离计算错误,将近用了一天的时间啊
相关文章推荐
- 关于HTML5+js+IE兼容性问题
- 关于ie兼容性问题
- 关于火狐和IE下href="javascript:void(0)"兼容性的问题
- IE和火狐等浏览器关于 的兼容性问题解决
- 关于input style属性兼容性问题
- 【IE兼容性】background:transparent IE中Bug,不能选中input输入框,出现这个问题主要是IE8
- 关于火狐和IE下href="javascript:void(0)"兼容性的问题
- javascript关于event的ie ff兼容性问题
- 关于IE,360,火狐,谷歌中遇到的几个兼容性问题的总结
- 关于IE模态弹窗的兼容性问题(以及…
- 【IE兼容性】background:transparent IE中Bug,不能选中input输入框,出现这个问题主要是IE8
- 兼容性问题:IE下可以透过盖在input标签上面的div点到input标签
- 关于echarts 跟ie的兼容性问题
- IE、FireFox、Chrome浏览器中关于URL传参中文乱码,解决兼容性问题!
- 关于J-UI DWZ富框架在IE10下兼容性问题
- Firefox 和 IE 关于 <input type="file" />宽度兼容性方法。
- 关于IE兼容性的问题(X-UA-Compatible)
- javascript和css在ie和firefox中关于兼容性问题的解决办法
- 一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
- 关于IE无法打开flex程序的问题