HTML页面表单输入框去掉鼠标选中后边框变色的效果
标题说的有些含糊，实在不知道怎么描述了，就简单说一下吧，一个最简单的表单，代码如下，没有任何样式和名字，
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>文本框鼠标点中时边框不变色</title> 6 </head> 7 <body> 8 <input type="text" /> 9 </body> 10 </html>
那么浏览器在默认状态下表单工作时会有个边框效果，就是选中后的效果，我们来看
360安全浏览器 360极速浏览器 chrome浏览器
这三种效果后两种蓝色边框，比较好看，但是第一个颜色总感觉不是太舒服，下面去掉这个效果，在CSS中加上一行：
.style1{outline: none;}
然后在input里面使用class选择器就行了，class="style1"，
现在就没有效果了，另外还可以设置边框的其他颜色
现在就这么一个最简单的框
