How to solve the problem of input background transparency in chrome browser

This article focuses on "how to solve the problem of input background transparency in chrome browsers". Interested friends may wish to have a look at it. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn how to solve the problem of input background transparency in chrome browsers.

When designing a web page using a chrome browser, you want to change the input background to transparent, that is,

The code is as follows:

Background-color:transparent

But the effect is not satisfactory.

Hack method:

The code is as follows:

Input:-webkit-autofill

Textarea:-webkit-autofill

Select:-webkit-autofill {

-webkit-box-shadow: 000 1000px transparent inset

}

1000px can be as small as possible.

At this point, I believe you have a deeper understanding of "how to solve the problem of input background transparency in chrome browsers". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!