Detailed introduction to the default style assigned to the form

When we write a form, we will find that some browsers assign default styles to the form. For example, in the Chrome browser, the text box and drop-down selection box will have glowing borders when they load focus, and in Firefox And under Google Chrome, the multi-line text box textarea can be freely dragged and enlarged. In addition, under IE10, when content is entered in the text box, a small cross will appear on the right side of the text box, and so on. There is no doubt that these effects have improved the user experience, but sometimes we don’t need these default styles, so what should we do? Let's take a look at the solutions separately. 1. Remove the default illuminated border of text boxes in Chrome and other browsers input:focus, textarea:focus { Outline: none; } Remove the highlight style: input:focus{ -webkit-tap-highlight-col

1. How to use css to remove the default style assigned by the browser to the form

Introduction: When we write a form, we will find that some browsers have given the form a default style. For example, under the Chrome browser, the text box and drop-down selection box are loaded. When in focus, a glowing border will appear,

[Related Q&A recommendations]:

The above is the detailed content of Detailed introduction to the default style assigned to the form. For more information, please follow other related articles on the PHP Chinese website!