Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

Border-radius выподающему меню

Maksim Fominov Ученик (112), на голосовании 3 недели назад
Подскажите пожалуйста как можно сделать закругление выпадающему меню select
Голосование за лучший ответ
Нептун канализации Мастер (1031) 1 месяц назад
 select { 
border-radius: 8px;
}

/* Для опций внутри select
select option {
border-radius: 8px;
Maksim FominovУченик (112) 1 месяц назад
Не помогло к сожалению
Maksim Fominov, селект ваще не поддается ксс-ке в 90% случаев...
Рустам Абдрашитов Мыслитель (9465) 1 месяц назад
 select { 
border-radius: 10px; /* Установите радиус закругления */
border: 1px solid #ccc; /* Добавьте границу для лучшего визуального эффекта */
padding: 5px; /* Добавьте отступы для улучшения внешнего вида */
}
Этот код применяет закругление к элементу <select>, улучшая его внешний вид. Убедитесь, что другие стили не конфликтуют с этим свойством.
Maksim FominovУченик (112) 1 месяц назад
Зачем мне стилизация select если мне нужно выпадающие меню в котором option?
Maksim Fominov, будешь банить ответы - ваще те никто отвечать не будет, так и помрешь дебилом.
WEB Rubic-on Профи (593) 1 месяц назад
Нормальной стилизации для опций select, средствами css сделать не возможно. Это можно сделать, например, через JS.

Можешь посмотреть пример, как реализовать подобное в песочницах. Вот тебе пару примеров работ из codepen

https://codepen.io/webDsign/pen/yLgVJqX
https://codepen.io/davaynamore/pen/jVmEeX

Как это работает?
Подключается скрипт, в данном случае на чистом JavaScript, данный скрипт видит твои option и выполняет их замену например на список ul>li. С которыми ты можешь уже спокойно работать и обращаться к ним через css.

Там же, ты можешь просто скопировать к себе код в проект и вставить. стили настроишь под себя.
Похожие вопросы