css怎么去掉input边框

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

<img alt=\"CSS怎么去掉input边框\” alt=\”fa0d4a123377df61aec2cf0c1303c12.png\” src=\”https://www.freexyz.cn/d/file/20210402/759736383c4b9624d3849064307264d2.png\” title=\”1617342569525909.png\” />

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

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

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

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