Изменение объекта со специфичностью из 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>

→ Ссылка