在css中，主要通过border属性的设置，实现去掉边框。以代码编辑器：zend studio 10.0为例，可参考以下步骤去掉button（按钮）的边框：
1、新建一个html文件，命名为test.html，用于讲解。
2、在test.html文件内，使用button标签创建一个按钮，用于测试。
3、在test.html文件内，给button按钮添加一个id属性，用于样式的设置。
4、在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。
5、在css标签中，通过id设置button的样式，定义其背景颜色为蓝色，文字颜色为白色，最后，将border属性设置为none，实现去掉button的边框。
6、在浏览器打开test.html文件，查看实现的效果。
只要在样式里面加一句去掉css去掉iPhone、iPad的默认按钮样式就可以了。 （不要写在class里哦）
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none}
textarea { -webkit-appearance: none}
如果还有圆角的问题，
.button{ border-radius: 0 }
1、去除Chrome等浏览器文本框默认发光边框
input:focus, textarea:focus {outline: none}
去掉高光样式：
input:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0)
-webkit-user-modify:read-write-plaintext-only}
当然这样以来，当文本框载入焦点时，所有浏览器下的文本框的边框都不会有颜色上及样式上的变化了，这样的话，当文本框载入焦点时，边框颜色就会变为橙色，给用户一个反馈。
2、去除IE10+浏览器文本框后面的小叉叉，只需下面一句就ok了
input::-ms-clear {display: none}
css设置按钮样式的方法：定义一个css选择器，然后在按钮标签中使用此选择器即可设置按钮样式。使用:hover伪类选择器可以设置按钮交互时样式。button样式需要注意的有几点：
1、建议有一个最小宽度，以免在文字很少时使得按钮过于窄，宽高不协调；
2、建议有一个padding，以免内部文本显得过于拥挤；
2、hover时需要有颜色变化，以告诉用户这是一个可交互元素，更为灵动；
3、获得焦点时应与hover时的效果一致，释放焦点时则回到普通效果。
4、获得焦点时的outline建议去掉，否则较为难看。
普通状态样式设置：.btn{
min-width: 60px
padding: 5px 8px
background: #fff
color: #4daff9
border: 1px solid #4daff9
}
交互状态(hover、focus)样式设置：.btn:hover{
color: #fff
background: #0a90f5
}
.btn:focus{
color: #fff
background: #0a90f5
outline: none
}
