某个元素设置无边框，只需要给元素设置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与border:0使用区别
一、border:noneborder-style的简写在chrome审查元素看到以下结果element.style{border:none;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;bor

html清除浮动的6种方法示例
使用display：inline-block会出现的情况：1.使块元素在一行显示2.使内嵌支持宽高3.换行被解析了4.不设置的时候宽度由内容撑开5.在IE6,7下步支持块标签由于i

三个不常见的 HTML5 实用新特性简介
一、DNS预解析缓存众所周知，解析DNS是网站性能优化的比较重要的一部分，虽然加载时间不太长，但是很难压缩起来。特别是为了并发下载资源而使用