Как изменить цвет текста компонента кнопки Ant Design, когда он отключен?

Я пытался использовать стилизованные компоненты -

const StyledButton = styled(Button)`
    .and-btn-primary[disabled] {
       background-color: red;
       color: red;
    }
`;

но это не работает

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
0
51
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Пожалуйста, ознакомьтесь с этой темой В вашем случае вы можете переопределить свой css следующим образом:

.ant-btn-default:disabled{
     background-color: blue;
}

Спасибо! Я устал от этого, но это не сработало (даже с !important), но в итоге я использовал - ':disabled { background-color: blue !important; }' и это сработало

Tzachi Elrom 10.01.2023 08:00

Возможно, это не сработало для вас, потому что вы использовали основную кнопку, но я сделал пример по умолчанию. попробуйте .and-btn-primary:disabled{background-color: red;} это должно работать без ключевого слова !important. P.S. Кстати, нажмите F12 в вашем браузере -> затем Ctrl+Shift+C -> затем нажмите на элемент на вашей странице, который CSS вы ищете, это полезно :)

b.gorelkin 10.01.2023 10:02

спасибо за крутую комбинацию клавиш! Я знаю, как использовать проверку и поиск определенного элемента, но я всегда люблю добавлять новые классные ярлыки в свою жизнь! и я попробовал ваше предложение, но по какой-то причине кнопка становится белой, и нет упоминания о красном цвете, в любом случае большое спасибо!

Tzachi Elrom 11.01.2023 09:10
Ответ принят как подходящий

Я закончил тем, что использовал -

:disabled {
    background-color: blue !important;
}

переопределить и

Другие вопросы по теме

Похожие вопросы

Шаблон хранилища Vuex/Redux — совместное использование одного источника данных в родительском и дочернем компонентах, для которых требуются вариации этих данных
Реагировать - Неверный вызов хука: преобразовать компонент приложения в функциональный компонент, все равно получить неверный вызов хука
Получение пустых массивов при выполнении запроса на получение с использованием axios
Использование функции Map внутри другой функции Map в React Js
Как я могу использовать разные цвета фона для каждой карты в моем списке карт?
Как использовать seState из дочернего компонента?
Как правильно обернуть компонент React, чтобы фиксировать события DOM, такие как щелчок, отправка и т. д., При пересылке дочерних элементов и ссылок в Typescript?
Как получить параметры URL в реагирующем маршрутизаторе V6?
Как я могу использовать файл svg в файле scss?
Как я могу сохранить изображение на сервере как URL-адрес?