Блог

Главная - Вопросы по программированию - Изменение цвета фона карты при фокусировке элемента на карте

Изменение цвета фона карты при фокусировке элемента на карте

#antd

#antd

Вопрос:

Я использую дизайн Ant, и я новичок в этом. В моем случае внутри компонента карты много компонентов ввода. Я хотел бы изменить цвет фона карты, когда фокусируется любой входной компонент внутри карты.

Я хотел бы посмотреть, есть ли простой способ сделать это, или мне придется написать функции JavaScript для этого случая.

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

P.S. Я могу изменить цвет фона карты. Но я не могу найти какой-либо API в компоненте карты, который предоставлял бы такого рода функции.

Ответ №1:

Используйте CSS-трюк, подобный следующему

CSS

 .highlight:focus-within {
     background: #a1c084;
}

JS

 <Card title="Card Name" className="hightlight">
     <Input placeholder="Your Input" />
</Card>

Я надеюсь, что это помогло бы

Кодовое перо:https://codepen.io/shreyans-shrivastav/pen/LawoYE