JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Autofill CSS fix</h2>
<form action="">
    <fieldset>
        <label for="name">Name</label>
        <input type="text" id="name">
    </fieldset>
    <fieldset>
        <label for="password">Password</label>
        <input type="password" id="password">
    </fieldset>
</form>

CSS

/* Sources:
https://www.gosquared.com/blog/login-screen-design-flow
http://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete
*/

label {
    display: block;
}

fieldset {
    border: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    -webkit-text-fill-color: red !important;
}