Чтобы стилизовать label, который стоит перед input и если input имеет атрибут disabled, можно использовать следующий CSS-код:
HTML-код:
<label for="my-input">Метка</label> <input type="text" id="my-input" disabled>
CSS-код:
input[disabled] + label {
/* ваш стиль для label */
}
В данном примере мы используем комбинатор "следующий брат" (+), чтобы выбрать label, которая идет сразу после input с атрибутом disabled. Затем мы применяем нужные стили к этой label.
Вы можете задать любые стили, которые вам нужны. Например, вы можете изменить цвет текста, добавить фоновый цвет или границу. Вот несколько примеров:
input[disabled] + label {
color: red; /* изменить цвет текста на красный */
}
input[disabled] + label {
background-color: lightgray; /* добавить светло-серый фон */
}
input[disabled] + label {
border: 1px solid black; /* добавить черную границу */
}
Вы можете комбинировать эти стили и добавить другие свойства CSS в соответствии с вашими потребностями.