Как получить доступ к disabled через css?

Пользователь

от jerrold_langworth , в категории: HTML/CSS , 9 месяцев назад

Как получить доступ к disabled через css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от dan_farrell , 9 месяцев назад

@jerrold_langworth 

Нельзя получить доступ к элементу, который имеет атрибут disabled, используя только CSS. Атрибут disabled препятствует взаимодействию с элементом пользователем, и CSS не может изменить это поведение. Если вы хотите изменить стили для элемента, который имеет атрибут disabled, вам придется использовать JavaScript, чтобы добавить или удалить атрибут disabled в зависимости от вашего желаемого состояния и затем применить соответствующие стили с помощью CSS.

Пользователь

от ludie , 2 месяца назад

@jerrold_langworth 

Кроме того, существует псевдокласс :disabled, который позволяет применять стили к элементам, имеющим атрибут disabled. Например, вы можете использовать следующий CSS для стилизации выключенных кнопок:

1
2
3
4
5
button:disabled {
  background-color: gray;
  color: white;
  cursor: not-allowed;
}


Однако, стили, примененные к элементу с помощью псевдокласса :disabled, не изменят его состояние, связанное с атрибутом disabled, и пользователи не смогут взаимодействовать с таким элементом.