当前位置:  编程技术>WEB前端

IE里button设置border:none属性无效解决方法

    来源: 互联网  发布时间:2014-10-07

    本文导语:  某个元素设置无边框,只需要给元素设置border:none即可,当然设置border:0效果一样,但实际上两者是有性能差别的 代码如下:border:none:边框设置为为none,不做任何处理;border:0:边框宽度设置为0像素,但是实际上border-color和bor...

某个元素设置无边框,只需要给元素设置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;
}

    
 
 
 
本站(WWW.169IT.COM)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.169IT.COM)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • java命名空间java.awt类button的类成员方法: button定义及介绍
  • frame,button,button点击后,鼠标移开,button依然显现为press状态,如何实现
  • java命名空间java.awt类button.accessibleawtbutton的类成员方法: button.accessibleawtbutton定义及介绍
  • Button bn=new Button("OK");怎么会报错?
  • java命名空间javax.swing.plaf.synth类region的类成员方法: button定义及介绍
  • 关于java的事件问题,如何在程序中使一个button被click,从而引发这个button的事件处理代码????
  • java命名空间javax.accessibility类accessiblerole的类成员方法: push_button定义及介绍
  • 为何 f.add(Button b3=new Button("b3"));编译不过?
  • java命名空间javax.accessibility类accessiblerole的类成员方法: toggle_button定义及介绍
  • 既然button可以没有name,那么我该怎么得到这个button呢?
  • java命名空间javax.accessibility类accessiblerole的类成员方法: radio_button定义及介绍
  • 在JBuilder的Pane中放一个Button,Button为什么自动把Pane沾满?
  • java命名空间java.awt.event类inputevent的类成员方法: button3_mask定义及介绍
  • c# 给button添加不规则的图片以及用pictureBox替代button响应点击事件的方法
  • java命名空间java.awt.event类inputevent的类成员方法: button2_mask定义及介绍
  • 小弟请教各位高手,在JAVA中通过什么函数能获得Button的标签内容?
  • java命名空间java.awt.event类inputevent的类成员方法: button1_mask定义及介绍
  • jQuery 分享按钮插件 Share Button
  • java命名空间java.awt.event类mouseevent的类成员方法: button1定义及介绍
  • jQuery 插件 Cool Social Buttons
  • java命名空间java.awt.event类mouseevent的类成员方法: button2定义及介绍
  • Button按钮如何写响应事件?


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2017,169IT.COM,E-mail:www_169it_com#163.com(请将#改为@)

    浙ICP备11055608号