Как можно во время выделения моих чипсов, менять цвет их бекграунда или бордера?

У меня есть chips компонент. Не могу понять как мне реализовать функциональность выделения этих чипсов. Я хочу с зажатой ЛКМ выделять данные чипсы и что-бы у выделенных чипсов менялся бекграунд (например, на желтый) или бордер. Хочу что-бы по мере выделения чипсов (с зажатой ЛКМ) у них менялся background или border. Помогите, пожалуйста, как это реализовать. Вот мой codesandbox - https://codesandbox.io/s/relaxed-glitter-dkh25?file=/src/App.js

введите сюда описание изображения

При выделении чипсы должны выглядеть так: введите сюда описание изображения


Ответы (1 шт):

Автор решения: Object417

CSS:

.element::selection {
    background: yellow;
    /* Or smth else */
}
→ Ссылка