You can change input box styles as well as text styles inside input
box:
Here you can use any color e.g. white
, #DDD
, rgba(102, 163, 177, 0.45)
.
But transparent
won't work here.
/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
Additionally, you can use this to change the text color:
/*Change text in autofill textbox*/
input:-webkit-autofill{
-webkit-text-fill-color: yellow !important;
}
Advice: Don't use an excessive blur radius in the hundreds or thousands. This has no benefit and might put processor load on weaker mobile devices. (Also true for actual, outside shadows). For a normal input box of 20px height, 30px ‘blur radius’ will perfectly cover it.
Open a new Search pane in Developer Tools by:
- pressing Ctrl+Shift+F (Cmd+Option+I on mac)
- clicking the overflow menu (⋮) in DevTools,
- clicking the overflow menu in the Console (⋮) and choosing the Search option
You can search across all your scripts with support for regular expressions and case sensitivity.
Click any match to load that file/section in the scripts panel.
Make sure 'Search in anonymous and content scripts' is checked in the DevTools Preferences (F1). This will return results from within iframes and HTML inline scripts:
Best Answer
You can install Simple Material Theme for chrome:
https://chrome.google.com/webstore/detail/simple-material-theme/mdnphgdednjnpcoeamekbogoblkdajep
In the new update they added dark address bar.(Chrome version: 75.0.3770.142)
It looks like this: