1、新建html文档，在body标签中添加一些input标签，这时默认情况下浏览器中的文本框有1px的边框：
2、在head标签中添加style标签，设置input的样式，这里为了演示方便，为文本框设置灰色的背景色：
3、为input标签设置边框“border”属性，属性值为“0”，这时网页中文本框的边框就被去掉了：
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编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：<input type="text" style="outline: none" />。
3、浏览器运行index.html页面，此时输入框选中后出现的蓝色边框被去除了。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）