How to remove the input frame from html

This article mainly introduces html how to remove the input frame, the article is very detailed, has a certain reference value, interested friends must read it!

The way to remove the input frame: 1, use the style property to set the "border: 0;" style; 2, use the style property to set the "border-style: none;" style; 3, use the style attribute to set the "border: transparent;" style.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

Here is a HTML document with two input input boxes

Input {background-color: # FFC0CB;}

You can see that input has borders, so what do you do if you want to remove the borders of input? Here are several methods.

Method 1: use the style attribute to set the border: 0; style in the input element

Method 2: use the style attribute in the input element to set the border-style: none; style

Method 3: use the style attribute in the input element to set the border: transparent; style

The above is all the content of the article "how to remove the input frame from html". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!