Skip to main content

Fully Transparent Background for autocompleted fields

Published —

Do you thing that the yellow background-color (and black text) that Chrome set on any input field that autocompletes sucks?

1. Set your textboxes transparent:


input[type='text']
{
background: none;
border: 1px solid #ccc;
}

Then, add this hack making Chrome: Create a transition delayed.


input[type='text'] :-webkit-autofill,
input[type='text'] :-webkit-autofill:hover,
input[type='text'] :-webkit-autofill:focus,
input[type='text'] :-webkit-autofill:active
{
-webkit-transition-delay: 99999s;
}

DC

Leave a Reply

Your email address will not be published. Required fields are marked *

Related Articles That Might
Interest You

ASP Net Core Service Lifetime

If you are going to use dependency injection framework in Net Core you must control the service l…

Configure SSL to securely connect to Azure Database for MySQL

Azure DB for MySQL supports connecting to client applications using SSL. Enforcing SSL between yo…

Generate dynamically a signed Pdf with Net Core 5 (C#)

Do you need to generate a certificate, diploma, or any pdf document signed with your own pfx? Her…