How to remove input border in css

How to remove the input border in css: 1. Remove the input border by directly adding "style="outline:none;"" to the input; 2. Directly control the css style to "input{ in the top style outline:none;}" is enough.

The operating environment of this article: Windows7 system, HTML5&&CSS3 version, DELL G3 computer

The specific steps to remove the input border are as follows:

1. Enter the input related code in the html page.

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

#2. Open the browser, click the input and a blue border will appear.

3. Add style="outline:none;" directly to the input.

4. Directly control the css style in the top style: .

5. Directly use input:focus { outline: none; } to control the focus to remove the blue border.

Recommended study: "css video tutorial"

The above is the detailed content of How to remove input border in css. For more information, please follow other related articles on the PHP Chinese website!