Safari Disabled Inputs are Too Faded. CSS not helping

[myjourney]

Tried

input:disabled {
    color: black; /* Changes text color to black */
    opacity: 1; /* Removes any opacity to make it fully opaque */
}

/* Optional: Adjust the background color if needed */
input:disabled {
    background-color: #f0f0f0; /* Light gray background, change as needed */
}

That css didn’t work.

This is how it looks, which on Chrome and others it looks good:

I need this disabled state to prevent editing in certain scenarios.

Anyone had this problem?

[daviddr17]

I’m always using an input as well as an text element and show/hide with conditions to get around this problem with safari.