Readonly inputs shouldn't be grayed out

Created by: tkrotoff

Bootstrap styles readonly inputs like disabled inputs (since v1.3.0 FYI):

However browsers don't do that:

Chrome 90

readonly:

vs disabled:

IE 11

readonly:

vs disabled:

Firefox 88

readonly:

vs disabled:

Safari 13.2.1

readonly:

vs disabled:

Edge 90

readonly:

vs disabled:

GNOME Web 3.36.4

readonly:

vs disabled:

Frameworks that don't style readonly:

(when there is no demo for readonly/readOnly/isReadOnly, I've manually modified another demo to check behavior)

• Material UI
• Bulma
• Ant Design
• Chakra UI
• Blueprint
• Evergreen
• PrimeReact
• Grommet
• Element Plus
• Quasar Framework
• Vuetify
• Materialize
• Skeleton
• Semantic UI

Brands:

• GitHub Primer
• Microsoft Fluent UI
• Altassian Design System AtlasKit
• MongoDB LeafyGreen UI Kit
• Adobe React Spectrum
• Shopify Polaris
• IBM Carbon Design System

Frameworks that style readonly:

• Pure.css
• Foundation (buggy like Bootstrap < 1.3.0)

Considering all this, I suggest that Bootstrap readonly input should not be styled as disabled input.