去掉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>。

CSS怎么去掉input边框

2、打开浏览器，出现点击input出现了蓝色边框。

css怎么去掉input边框

3、直接在input中加style=“outline:none;”。

css怎么去掉input边框

4、在顶部style中直接控制css样式：<style type="text/css"> input{outline:none;}</style>。

css怎么去掉input边框

5、直接用 input:focus { outline: none; } 控制聚焦即可去掉蓝色边框。

css怎么去掉input边框

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。