html去掉input边框的具体 *** 作步骤如下：
1、在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出现了蓝色边框。
3、直接在input中加style=“outline:none”。
4、在顶部style中直接控制css样式：<style type="text/css">input{outline:none}</style>。
5、直接用 input:focus { outline: none} 控制聚焦即可去掉蓝色边框。
去掉html中点击map里area的边框与去掉点击链接时出现的虚线框类似，本文举例来说明去掉点击map里area的边框的两种方法，分享给大家，希望能给您带来帮助。
1.<html>2.<body>
3.<img src="pic.jpg" width="134" height="115" border="0" usemap="#Map" hidefocus="true" />
4.<map name="Map" id="Map">
5.<area shape="poly" coords="44,44,61,40,77,45,95,55,105,66,57,76,16,62,32,58,27,55,40,50" href="link_to.html" />
6.</map>
7.</body>
8.</html>
1、第一种方法是：在<img>标签中加入 hidefocus="true"
Html代码
<img src="pic.jpg" width="134" height="115" border="0" usemap="#Map" hidefocus="true" /><img src="pic.jpg" width="134" height="115" border="0" usemap="#Map" hidefocus="true" />
2、第二种方法是：在需要去掉边框的<area>标签中加入 onfocus="blur(this)" （如果area区域较多，则每个都要加，那就显得有些麻烦了，可以用第一种方法）
Html代码
<area shape="poly" coords="44,44,61,40,77,45,95,55,105,66,57,76,16,62,32,58,27,55,40,50" href="link_to.html" onfocus="blur(this)" /><area shape="poly" coords="44,44,61,40,77,45,95,55,105,66,57,76,16,62,32,58,27,55,40,50" href="link_to.html" onfocus="blur(this)" />
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）