如何去掉input点击后的蓝色边框

时间：2013.09.18 发布人：flying_girl11
如何去掉input点击后的蓝色边框

已解决问题

谷歌flying_girl11用户在2013.09.18提交了关于“宝马如何去掉input点击后的蓝色边框”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2024-08-18T00:03:05。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，谢谢你帮我,祝你快乐,愿你事事如意 ！

希望以下的回答，能够帮助你。

第1个回答

用户名：lihaoyu369  

首先我们在html页面中输入input的相关代码；
<divclass="form">
<inputid="c老效行翻围名ode"class="ipxcode"name="code"placeholder="请点击按钮领取礼包"type="text"><inputtype="button"class="send"value="发送">
</div>

2
来自用浏览器查看时，会发现点击input出现了蓝色边框；

END
解决问题

查找诗社供造庆宁延导父了各方面的**才知道这是input默认的样式。当然我们还是有办法解决的~，可以用css去除掉蓝色出现的蓝色边框，有三种方式：
第一种：直接在inpu331215问答t中加style=“outline:none;”如图

第二种方式：在顶部style中直接控制css样式：
<styletype="text/css">
input{outline:none;}
</style>

3
第三种方式：直接用input:focus{outline:none;}控制聚焦时不出现蓝色边框~