Bootstrap has the following css style that covers both readonly and disabled inputs
.form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1;
}
.form-control:disabled {
color: var(--bs-gray-500);
background-color: var(--bs-gray-200);
border-color: var(--bs-gray-300);
opacity: 1;
}
Hi,
May I know which Metronic version are you referring to? The latest Bootstrap does not customize the read-only input state. It only differentiates the disabled input state.
Please check the original read-only input state <a hre="https://getbootstrap.com/docs/5.3/forms/form-control/#readonly">here</a>.
Regards.