Изменить цвет фона кнопки начальной загрузки после выбора раскрывающегося списка ⇐ CSS

[Anonymous]

В моем веб-приложении Flask я использую раскрывающиеся кнопки начальной загрузки 4, где HTML-код одной из кнопок выглядит следующим образом:

Код: Выделить всё

Valdez


[url={{ url_for(]Storm Tracker[/url]
[url={{ url_for(]Season Tracker[/url]

Я хотел бы, чтобы цвет фона кнопки менялся, когда URL-адрес страницы соответствует одному из URL-адресов раскрывающегося списка.
Я достиг это на обычных кнопках (без раскрывающегося списка), как показано здесь:
https://www.snowpacktracker.com/btac/
Это делается с помощью custom.js с:

Код: Выделить всё

    // Handles the active state transition on bootstrap nav bar
// get current URL path and assign 'active' class
var pathname = window.location.pathname;
console.log(pathname);

$('.nav > li > a[href="'+pathname+'"').children().addClass('active')

И с некоторыми пользовательскими CSS:

Код: Выделить всё

.btn-secondary:not(:disabled):not(.disabled).active {
background-color: var(--color);
}

В этом случае кнопка заключена в тег
{{btntxt}}


[/code]
Я не могу найти аналогичное решение, которое подходило бы для раскрывающегося списка. Хотя распознавание URL-адреса, аналогичного приведенному выше, было бы идеальным, вероятно, также было бы полезно просто изменить цвет фона кнопки при нажатии любого элемента раскрывающегося списка (и сохранить цвет при загрузке нового URL-адреса).

Подробнее здесь: https://stackoverflow.com/questions/793 ... -selection