Изменение объекта со специфичностью из css в js
Делаю поддержку тем с подгрузкой из json файла.
Есть у меня отрывок кода: button:active{ background-color: #1b91ff;}
Как реализовать смену фона у активной кнопки через js?
Ответы (1 шт):
Автор решения: EzioMercer
→ Ссылка
Никогда этим не занимался, но вам кажется нужен метод insertRule. В примере показано как с ним работать, но вот нужный индекс у styleSheets я взял простым перебором. Подозреваю, что не всегда это число бывает таким "приятным", потому вам ещё нужен будет метод определения этого индекса, которого я пока что не знаю
document.styleSheets[1].insertRule('button.two:active {background-color: red;}', 0);
button:active {
background-color: #1b91ff;
}
<button> One </button>
<button class='two'> Two </button>
<button> Three </button>