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

时间：2013.11.17 发布人：shi**nwansui
如何去掉input点击后的蓝色边框

已解决问题

谷歌shi**nwansui用户在2013.11.17提交了关于“故宫博物馆如何去掉input点击后的蓝色边框”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2024-08-17T14:56:06。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，滴水之恩,来日我当涌泉相报 ！

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

第1个回答

用户名：wgleiz  

展开全部首先我们在html页面中输入inp331215问答ut的相关代码；
<divclass="form">
<inputid="code"class放责这还起裂="ipxcode"name="code"placeholder="请点击按钮领取礼包"type=额罗鲁怀政望"text"><inputtype="button"class="send"伟染五控少取value="发送">
</div>

2
用浏览器适分指球源史九事践查看时，会发现点击input出现了蓝色边框；

END
解决问蛋集包顶片饭题

查找了各方面的**减践才知道这是input默认的样式。当然我们还是有办法解决的~，可以用css去除掉蓝色出现的蓝色边框，有三种方式：
第一种：直接在input中加style=“outline:none百出蛋势善很巴欢欢助;”如图

第二种方式：在顶部style中直接控制css样式：
<styletype="text/css">
input{outl过假武站药率ine:none;}
</style>

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