Развернуть опцию выбора из другого элемента ⇐ CSS

[Anonymous]

Справочная информация:
Я пытался создать собственный стиль для элемента выбора, изменив пример цвета и стрелки:

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

Select
{{ subject }}


▼


const dropdownOpen = ref(false)
const toggleDropdown = (index: number) => {
dropdownOpen.value = !dropdownOpen.value;
if (dropdownOpen.value && document.getElementById(`select${index}`)) {
const evt = new MouseEvent('click')
document.getElementById(`select${index}`)?.dispatchEvent(evt)
}
}

Проблема:
В настоящее время при попытке расширить опцию выбора из другого элемента не получается. Вы можете увидеть это во фрагменте ниже.

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

function expand() {
const evt = new MouseEvent('focus')
const el = document.getElementById(`selectbox`);
el.dispatchEvent(evt)
}

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

A
B
C


abc

Как можно расширить элемент выбора из другого элемента?

Подробнее здесь: https://stackoverflow.com/questions/792 ... er-element