Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.50/6: Рейтинг темы: голосов - 6, средняя оценка - 4.50
Dmitrin
22 / 22 / 11
Регистрация: 04.12.2012
Сообщений: 569
#1

Стилизация select на CSS

11.05.2016, 23:50. Просмотров 1025. Ответов 8
Метки нет (Все метки)

Здравствуйте. Есть стилизированный селект

http://codepen.io/udyux/pen/KzJQea

Не могу его изменить так, что бы если много элементов, но выводился скролл и пролистывание работало. Он постоянно ломается. Не подскажите, как это можно выполнить?
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
11.05.2016, 23:50
Ответы с готовыми решениями:

Стилизация select
всем привет, подскажите пожалуйста, как сделать такой select , как на картинке...

Стилизация тега <select>
Подскажите как можно стилизовать select.Пробвался js,также CuSel,но при их...

Стилизация текста в теге <select>
Как сделать часть строки в теге SELECT одним цветом, а часть другим &lt;select...

Стилизация шрифта в теге <select>
Почему то не работает такой вариант &lt;select name=&quot;action&quot;&gt; &lt;option...

Кроссбраузерная стилизация select + option
Объясните как задать стили (кроссбраузерно, начиная с IE8) для вот такой вот...

8
mrtoxas
Модератор
Эксперт HTML/CSS
2552 / 1889 / 1179
Регистрация: 12.07.2015
Сообщений: 5,098
Записей в блоге: 3
12.05.2016, 00:05 #2
Мучай библиотеку jscrollpane
http://bberez.livejournal.com/62388.html
0
aj17
280 / 271 / 153
Регистрация: 02.06.2014
Сообщений: 1,015
12.05.2016, 14:20 #3
CSS
1
2
3
4
.select_options{
    max-height: 120px;
    overflow-y: scroll;
}
0
Dmitrin
22 / 22 / 11
Регистрация: 04.12.2012
Сообщений: 569
12.05.2016, 14:23  [ТС] #4
Пробовал так)) Тогда при выборе элемента он не появляется почему-то, не показывается, какой элемент выбран
0
aj17
280 / 271 / 153
Регистрация: 02.06.2014
Сообщений: 1,015
12.05.2016, 14:50 #5
Лучший ответ Сообщение было отмечено Dmitrin как решение

Решение

CSS
1
2
3
4
.select_expand:checked + .select_closeLabel + .select_options{
    max-height: 120px;
        overflow-y: scroll;
}
1
Dmitrin
22 / 22 / 11
Регистрация: 04.12.2012
Сообщений: 569
12.05.2016, 14:52  [ТС] #6
Вот теперь отлично)) Спасибо большое))
0
aj17
280 / 271 / 153
Регистрация: 02.06.2014
Сообщений: 1,015
12.05.2016, 15:04 #7
Не за что) Но я бы рекомендовал все же плагин, даже банально сделать в jQuery
0
Dmitrin
22 / 22 / 11
Регистрация: 04.12.2012
Сообщений: 569
12.05.2016, 15:09  [ТС] #8
А можете посоветовать какой-нибудь самый простенький select, чтобы вот так с анимацией выпадали элементы и заходили обратно? Возможно, как-то парой строчкой кода можно сделать, чтобы в самом обычном select так можно было сделать?
0
aj17
280 / 271 / 153
Регистрация: 02.06.2014
Сообщений: 1,015
12.05.2016, 17:23 #9
Цитата Сообщение от Dmitrin Посмотреть сообщение
самый простенький select,
Пару раз применял всего, названия не помню. В основном самый хороший для меня - это плагин Chosen, но он не простенький
Вот тут почитать
0
12.05.2016, 17:23
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
12.05.2016, 17:23

Css стилизация ввода текста
Приветствую! Кто знает как при помощи css изменить стиль линии (|) в input...

css select
Доброе время суток! Никак не могу найти в гугле как сделать такое меню выбора...

Изменение select-box на CSS
Имеется селект-бокс и стили для него: .select-box1 { width: 230px;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru