怎样用CSS去掉带超级链接图片的蓝色边框

html-css08

怎样用CSS去掉带超级链接图片的蓝色边框,第1张

HTML标签中的img标签在浏览器中会有一个默认2px

的边框,取消边框需要在CSS中更改它的边框值,将border的属性设置成0或者NONE就可以了!建议这个IMG的BORDER的属性设置一个全局属性,这样可以防止代码冗余!

首先我们在html页面中输入input的相关代码;

<div class="form">

<input id="code" class="ipx code" name="code" placeholder="请点击按钮领取礼包" type="text"><input type="button" class="send" value="发送">

</div>

2

用浏览器查看时,会发现点击input出现了蓝色边框;

END

解决问题

查找了各方面的资料才知道这是input默认的样式。当然我们还是有办法解决的~,可以用css去除掉蓝色出现的蓝色边框,有三种方式:

第一种:直接在input中加style=“outline:none”如图

第二种方式:在顶部style中直接控制css样式:

<style type="text/css">

input{outline:none}

</style>

3

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