styling text inputs with no type specified

[rabraghib]

What version of @tailwindcss/forms are you using?

v0.3.3

What version of Node.js are you using?

v14.17.3

What browser are you using?

Chrome

What operating system are you using?

Windows

Reproduction repository

Not needed. right?

Describe your issue

Note that for text inputs, you must add the type="text" attribute for these styles to take effect. This is a necessary trade-off to avoid relying on the overly greedy input selector and unintentionally styling elements we don't have solutions for yet, like input[type="range"] for example.

Using input:where(:not([type])) css selector will allow styling text inputs with changing any defaults values for any other elements.