How to style a HTML label for disabled input

Question

I would like the labels for my form elements to be greyed out if the input is disabled and am not able to get it to work for text inputs. I have tried the following:

<

Answer 1

I had the same issue: make a read-only input EXACTLY like label, I add a set of css styles to the input to get to that goal:

And in CSS:

.inputLikeLabel {
    background-color: #ffffff;
    text-align: center;
    border: none;
    cursor: none;
    pointer-events: none;
}

By the css style, the input has a white background with no border, no mouse cursor and no click event...similar to label by the end !