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