之前做登录界面的html,发现用户名和密码框在点击后会出现蓝框,弄了很久,才知道这个是默认样式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>1</title>
<style>
</style>
</head>
<body>
<div class="box">
用户:<input type="text" placeholder="支持邮箱/手机号登录" /><br />
密码:<input type="password" placeholder="QQ密码"/>
<input type="button" id="" value="登录" />
<input type="button" id="" value="重置" />
</div>
</body>
</html>
发现点击后会出现蓝框,百度了下找到了解决方法。
1.在input中加style=“outline:none;”
2. 在样式中写input{outline:none;}
3.input:focus { outline: none; }
属性定义及使用说明
outline(轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。
outline简写属性在一个声明中设置所有的轮廓属性。
可以设置的属性分别是(按顺序):outline-color, outline-style, outline-width
如果不设置其中的某个值,也不会出问题,比如 outline:solid #ff0000; 也是允许的。