展会信息港展会大全

IE里button设置border:none属性无效解决方法
来源:互联网   发布日期:2016-01-19 12:57:11   浏览:1813次  

导读:本文说明了IE设置border:none属性无效的解决方法,下面给出了二种方法,可以根据情况参考使用某个元素设置无边框,只需要给元素设置border:none即可,当然设置border:0效果一样,但实际上两者是有性能差别的代码 ...

本文说明了IE设置border:none属性无效的解决方法,下面给出了二种方法,可以根据情况参考使用

某个元素设置无边框,只需要给元素设置border:none即可,当然设置border:0效果一样,但实际上两者是有性能差别的

代码如下:

border:none:边框设置为为none,不做任何处理;

border:0:边框宽度设置为0像素,但是实际上border-color和border-style还是在渲染的。

然而在IE中,对于button和input元素确并不是这样,在IE6,7中border:none仅等价于border- style:none,而边框所占的空间还是在的。这导致了调input的宽度和高度在各个浏览器中不统一!在IE6,7中,虽然设置了 border:none后,边框仍存在。不信你试一试。

下面给出解决方法:

第一种方法:

代码如下:

border:0 none;

第二种方法:

给button加个背景颜色

复制代码 代码如下:

button{

background:#fff;

}

赞助本站

人工智能实验室

相关热词: 属性无效 border:none IE button

AiLab云推荐
推荐内容
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港