Skip to main content

Return to Answer

A user suggested a valid improvement
Source Link
Marghen
Marghen
  • 716
  • 6
  • 14

2023 - Transparent background

For transparent input background (light text) on dark background:

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {  transition: background-color 5000s easewebkit-inbackground-outclip: 0s;text; -webkit-text-fill-color: #ffffff; transition: background-color 5000s ease-in-out 0s; }

2023 - Transparent background

For transparent input background (light text) on dark background:

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #ffffff; }

2023 - Transparent background

For transparent input background (light text) on dark background:

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {  -webkit-background-clip: text; -webkit-text-fill-color: #ffffff; transition: background-color 5000s ease-in-out 0s; }
synatx highlight
Source Link
Vinod Srivastav
Vinod Srivastav
  • 4.3k
  • 1
  • 33
  • 45

2023 - Transparent background

For transparent input background (light text) on dark background:

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #ffffff; } 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #ffffff; }

2023 - Transparent background

For transparent input background (light text) on dark background:

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #ffffff; }

2023 - Transparent background

For transparent input background (light text) on dark background:

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #ffffff; }
Source Link
Marghen
Marghen
  • 716
  • 6
  • 14

2023 - Transparent background

For transparent input background (light text) on dark background:

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #ffffff; }