Как можно тег select сделать не раскрывающимся?

Question

[doctor__23]

Здравствуйте, дорогие коллеги.
Встал такой вопрос, не могу нигде найти ответ.

Кто-нибудь сталкивался может. Мне нужно тег select сделать не выпадающим.
Есть плагин календаря событий для WordPress, мне нужен фильтр по категориям этих событий, его я вывел, но в плагине он выводится через тег select, я нашел файлы, где формируется HTML разметка и попробовал поменять на обычный div, но не тут то было. Все становится естественно не рабочим, просто текст. При добавлении в код атрибута multiple (хотя бы), в календаре перестают отображаться события напрочь.

Может есть какая возможность через JS или CSS сделать select не выпадающим списком, грубо говоря как обычный список, чтобы расположить его в одну строчку?

P.S. костыльные варианты по типу: прописать, чтобы список всегда был открыт, убрать border и scroll у списка, и раположить его, например с помощью flex-box, ТОЖЕ ПРИВЕСТВУЮТСЯ. (сделал бы так, но не могу найти псевдокласс отвечающий за раскрывание списка)

Всем хорошего настроения!:)

Answer 1

[doctor__23]

Сделал:)

Тегу select задал через CSS:

display: inline;
scrollbar-width: none;
border: none;

, а тегу option просто dislay:inline

Comments

[doctor__23]

А, и самое главное. У меня в списке 4 элемента.
тегу selct задал атрибут size="4". Сразу же столкнулся с проблемой, что в календаре ничего не отображается, пока не выбрать категорию.
Так как первым пунктом идет "показать все события", то этому пункту тегу option задал атрибут selected.