[file input] - has wrong validation styles in bootstrap theme and unable to style many of the elements using CSS vars

[desig9stein]

Which component(s) are affected?

Input

Description

The input has wrong validation styles; the shadow outline in valid/invalid states should be shown only on focus

Reproduction

Enable input validation and make the input invalid/valid

Workaround

No

Is this a regression?

Yes. This used to work, but now it doesn't.

Affected versions

All

Browser/OS/Node environment

Browser: All
OS: all