Блог

Главная - Вопросы по программированию - переопределение выпадающего списка автозаполнения antd цвет наведения

переопределение выпадающего списка автозаполнения antd цвет наведения

#css #antd

#css #antd

Вопрос:

Для компонента автозаполнения antd при наведении выпадающего списка параметр становится светло-серым. Есть ли способ переопределить цвет? введите описание изображения здесь

Комментарии:

1. Вы пробовали использовать !important для переопределения цвета?

2. Я не смог найти правильный класс для переопределения

3. @jason135 Antd использует меньшую переменную для цветов, и в вашем случае вы можете изменить эту переменную @item-hover-bg: #f5f5f5; , выполнив шаги, упомянутые в документах ant.design/ docs/react /customize-theme

Ответ №1:

Я не пользователь antd, но один быстрый поиск в примерах компонентов Ant Design для автозаполнения раскрывает немного CSS, который вы можете переопределить: .ant-select-item-option-active:not(.ant-select-item-option-disabled)

Скриншот Chrome Developer Tools> Elements> Styles с: наведением курсора» src=»https://i.stack.imgur.com/HW8lI.png»></a></p> <p>В зависимости от ваших конкретных настроек вы должны иметь возможность просто добавить этот класс плюс псевдо (<code> :not </code> ) в свой пользовательский CSS, чтобы переопределить цвет или любые другие стили, которые не включены и соответствуют спецификациям, и если это не сработает, вы всегда можете добавить <code> !important </code> в конец значения (значений) (как упоминалось сначала в комментариях к вопросу @PaulBaiju).</p> </div> <h3><em>Комментарии:</em></h3> <blockquote class=

1. используется .ant-select-item-option:hover:not(.ant-select-item-option-disabled) для переопределения наведения

2. упс, да, я должен был заметить, что он не был выбран для наведения. Будет обновляться для всех, кто столкнется с этим

3. после редактирования кажется, что даже псевдо-символ наведения не используется antd для этого, поскольку он применяет «активный» класс пространства имен при наведении курсора мыши. Ваша прокомментированная реализация добавляет дополнительный уровень специфичности, который заменяет ее, но я подумал, что я бы прокомментировал это в любом случае. Я уже некоторое время собирался попробовать Ant Design, но застрял в мире материалов (пользовательского интерфейса), так что это было приятное, хотя и очень легкое введение. Спасибо!

Метки: