Question

Все обыскал не могу найти решение данного вопроса, все выпадающие списки на сайте имеют стандартный стиль как показывает стрелка 1. но разделы/категории вот так без рамки как стрелка два. Помогите решить проблему.

https://справочниктакси.рф/regiony/2-0-0-0-1

Answer 1

Это стандартные системные стили селектора. Если у вас проблема лишь в том, что нет верхнего разделителя для блока с категориями, добавьте в стили:

[id^="uCatsMenu"] { border-top: 1px solid #c5c2c2; }

Comments

Да верно у стандартного селектора получается нет стиля.

Я сразу так и попробовал:

[id^="uCatsMenu"] { border-top: 1px solid #c5c2c2; }

Может что то не так сделал. Пробовал добавить это в CSS и прикреплять div'ом но походу что то не то делаю. Куда мне это добавить? Или как задать стили эти категориям?

---

Рафис Гарифуллин,

Установить в таблицу стилей https://xn--80aafybkbuihlkkl5e.xn--p1ai/panel/?a=tmpl;m=3;t=3 в самый низ после всех стилей.

---

Yuri_Geruk,

Понял что не так объяснил.

Получилось но вот так:

 

А хотелось сделать что бы у категории был такой же стиль селекта как у фильра на скриншоте (рамка и стрелка что это выподающий список):

---

Рафис Гарифуллин,

Увы, но так не сделать, там у вас фильтр с селектором, а при выборе категории просто форма с инпутами, это две большие разницы. Максимум что вы можете сделать, это завернуть в рамку поле выбора категории:

input#catSelector9 {border: 1px solid #c5c2c2!important;padding:5px!important;}

---

Yuri_Geruk,

Все равно уже очень хорошо. Спасибо большее поставил так.

Answer 2

[id^="uCatsMenu"] { border-top: 1px solid #c5c2c2; }