Get the App
SLTechnology News&Howtos  ›  Development  › 

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

Shulou Source: shulou.com Published: 2022-06-01 04:09:23 09月22日 Update

This article mainly introduces the relevant knowledge of "how to solve the input background transparency problem in chrome browser". Xiaobian shows you the operation process through actual cases. The operation method is simple, fast and practical. I hope this article "how to solve the input background transparency problem in chrome browser" can help you solve the problem.

When designing web pages using chrome browser, I want to change the input background to transparent, that is,

copy code

The code is as follows:

background-color:transparent;

But the effect is not satisfactory

Hack method:

copy code

The code is as follows:

input:-webkit-autofill,

textarea:-webkit-autofill,

select:-webkit-autofill{

-webkit-box-shadow: 0 0 0 1000px transparent inset;

}

1000px can be as small as possible ~~

About "how to solve the input background transparency problem in chrome browser" content introduced here, thank you for reading. If you want to know more about industry-related knowledge, you can pay attention to the industry information channel. Xiaobian will update different knowledge points for you every day.

Tags: Browsers background questions browsing code knowledge methods industries different practical unsatisfactory that is people content practicality practicality as much as possible effects articles more Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Shulou Information Huawei Apple vpn Microsoft