Shulou(Shulou.com)06/01 Report--

Today, I would like to share with you the relevant knowledge points about how to automatically fill the yellowish background in the browser input. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article.

Option one

Set built-in shadows for input! And it must be big, at least bigger than your input itself.

Input:-webkit-autofill {- webkit-box-shadow: 000px 1000px white inset;}

Option 2

This will happen when there is an input record before. just disable the record of input. The default is on.

Common codes:

. data-loading .spinner {

Margin:20px auto

Width:26px

Height:26px

Text-align: center

-webkit-animation: rotate 2.0 s infinite linear

Animation: rotate 2.0s infinite linear

}

@-webkit-keyframes rotate {100% {- webkit-transform: rotate (360deg)}}

@ keyframes rotate {100% {transform: rotate (360deg);-webkit-transform: rotate (360deg)}}

# loading .spinner {

Margin:20px auto

Width:46px

Height:46px

Text-align: center

Background:rgba (127, 0.75)

Border-radius:4px

-webkit-border-radius:4px

}

# loading .spinner img {

-webkit-animation: rotate 2.0 s infinite linear

Animation: rotate 2.0s infinite linear

Margin-top:10px

}

These are all the contents of the article "how to solve the problem of automatically filling a yellowish background in browser input". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.