Get the App
SLTechnology News&Howtos  ›  Development  › 

How to prevent the input frame from displaying in html

Shulou Source: shulou.com Published: 2022-06-01 07:25:13 09月28日 Update

This article mainly explains "how to make the input frame not displayed in html". The explanation in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "how to make the input frame not displayed in html".

First, when the input box is not clicked, the border is not displayed:

Border:none

Click the input box, and when you are ready to enter the value, the border will not be displayed:

Input {

Border:none

Width:200px;height:80px

Box-radius:25%

Outline:medium

Text-align:center

}

Note: there is no border when you click on the input box using outline:medium; in the style.

Outline (outline) is a line drawn around the element, located on the periphery of the edge of the border, can play the role of highlighting the element. Contours do not occupy space, nor are they necessarily rectangular.

The outline shorthand attribute sets all the outline properties in a declaration.

Thank you for your reading, the above is the content of "how to make the input frame not displayed in html". After the study of this article, I believe you have a deeper understanding of how to make the input frame not show in html. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Tags: Borders outlines learning elements content attributes functions that is ideas situations articles more styles knowledge knowledge points rectangles spaces abbreviations articles follow Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Huawei OPPO Reno macOS Shulou Tech Info Redmi