IE11的padding及h5验证问题
来源:互联网 发布:粒子群算法电子书 编辑:程序博客网 时间:2024/06/10 15:56
IE11浏览器很多默认的样式跟别的浏览器不同,而且最明显的一点应该是padding左右内边距往往比别的浏览器大了一倍。当需要修改的时候时,改变原有的padding值在IE11生效了,那别的浏览器又有问题了。
解决方法一:
在CSS样式文件中加一个@media screenand(-ms-high-contrast:active),(-ms-high-contrast:none){样式}。
比如,在chrome浏览器中给一个div设置样式
div{
padding:012px;
}
那么,在IE11中想要实现上面效果,需要在这个下面再添加一行样式
div{
padding:0 12px;
}
@media screenand(-ms-high-contrast:active),(-ms-high-contrast:none) {
div{padding:0 6px;}
}
注:IE11的样式要写在最后面防止被覆盖。
解决方法二:
* {
box-sizing: content-box;
-moz-box-sizing: inherit;
-webkit-box-sizing: inherit;
}
其他:
IE11-h5表单验证,验证失败后input会出现红色框。针对该input添加属性 input{outline:none},即可去掉红的边框。
阅读全文
1 0
- IE11的padding及h5验证问题
- IE11的一些小问题
- padding的使用及定义
- android setBackgroundDrawable 的padding问题
- ImageView的padding异常问题
- H5表单的pattern验证
- IE11无法显示此页的问题
- 解决IE11无法下载文件的问题
- IE11 F12不能用的问题
- IE11无法获取session的问题
- H5技术的发展及H5游戏
- JS验证浏览器版本对IE11的支持
- h5遇到的问题
- H5的缓存问题
- java判断浏览器版本及编码问题,包括IE11
- IE11 及 Chrome 中 控件位置显示问题
- display常用属性及inline元素之间的空白和padding的问题
- 图解CSS的padding,margin,border属性(详细介绍及举例说明)//DIV居中中问题
- IGMP:Internet组管理协议
- java数据类型的种类以及存放的位置
- 算法-连接两条排序的链表
- DNS的层次
- Luogu P1081 [NOIp2012]开车旅行
- IE11的padding及h5验证问题
- 【机器学习实战 第九章】树回归 CART算法的原理与实现
- 如何搭建Maven环境
- 解决高分辨率屏幕老版软件适配问题
- pycharm在ubuntu xfce下面Alt+insert快捷键冲突解决
- Python迭代器简介
- HDU-1850-Being a Good Boy in Spring Festival 【nim博弈】
- EJB的六大角色
- 求count的值