<issue_start><issue_comment>Title: autocomplete="on" on input fields levels custom styles with browser styles
username_0: using `autocomplete="on"` on an input field overrides custom styles on an input field with browser default styles

```html

    <div>
      <label for="inline-full-name" class="block text-six group-hover:text-one font-bold md:text-right mb-1 md:mb-0 pr-4">
        Full Name
      </label>
</div>


    <div>
      <input id="inline-full-name" type="text" placeholder="<NAME>" autocomplete="on" class="form-input bg-six border border-five rounded w-full py-2 px-4 text-one leading-tight focus:outline-none focus:elevation-3 focus:border-four focus:text-two focus:font-bold hover:scale-grow placeholder-two">
    </div>
```
<issue_comment>username_1: Yep, this is slightly annoying

It makes sense from a UX perspective the autocomplete style is intended to prompt the user to double-check the fields that were autocompleted. It would be nice if tailwind provided a convenient means to clear these styles and apply our own.