Задать вопрос
@andreyqin
javascript

Как стилизовать option под select?

Есть вот такой выпадающий список - jsfiddle.net/29FTZ

Вопросы:
1) Как сделать, чтобы ширина опций была равна ширине стилизованного селекта?
2) Как убрать обводку вокруг всех опций?

Хотелось бы решить данные вопросы на чистом CSS, либо с минимальным внедрением JavaScript (jQuery).
  • Вопрос задан
  • 30633 просмотра
Комментировать
Подписаться 10 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 5
@Panda_Tamara
Разработчик проектов под UMI.CMS
посоветовали мне, посоветую и вам selectize.js

сам всегда был сторонником решения указанной задачи средствами css, но объективно - не тратьте время на подобные вещи, они решаются простеньким скриптом. Лучше за это время решите действительно интересную и сложную задачу
Ответ написан
1 комментарий
1 комментарий
m1skam
@m1skam
Вот один из вариантов без JS:
jsfiddle.net/29FTZ/3

PS: ранее отправил не верную ссылку.
Ответ написан
5 комментариев
5 комментариев
crackedmind
@crackedmind
web-developer
Только JS только хардкор.
Ответ написан
1 комментарий
1 комментарий
Bandicoot
@Bandicoot
Вась-программист
Ширину селекта нужно поставить 150px, как у внешнего дива, убрать border'ы
Ответ написан
5 комментариев
5 комментариев
@pauletik
kate-land.net/html-css/item/336-cross-browser-styl...
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Услуги devops разного характера для видео сервиса
26 апр. 2024, в 06:46
1000 руб./в час
Найти ошибку flutter_map
26 апр. 2024, в 05:31
1000 руб./за проект
Разработать электронику для весов с Wi-Fi
26 апр. 2024, в 01:22
1000 руб./в час
Ещё заказы