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 …

Configure SSL to securely connect to Azure Database for MySQL

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

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? He…

Subscribe to Our Newsletter


© acbteam | All rights reserved.