Форум программистов, компьютерный форум, киберфорум
Наши страницы

HTML, CSS

Войти
Регистрация
Восстановить пароль
 
Dmitrin
22 / 22 / 3
Регистрация: 04.12.2012
Сообщений: 558
#1

Стилизация select на CSS - HTML, CSS

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

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

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

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

Стилизация select - HTML, CSS
всем привет, подскажите пожалуйста, как сделать такой select , как на картинке <select name="city" onchange="checkParams()" id="city">...

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

Стилизация шрифта в теге <select> - HTML, CSS
Почему то не работает такой вариант &lt;select name=&quot;action&quot;&gt; &lt;option value=-1&gt;&lt;font color=#008000&gt;MAX&lt;/font&gt;&lt;/option&gt; &lt;option...

Кроссбраузерная стилизация select + option - HTML, CSS
Объясните как задать стили (кроссбраузерно, начиная с IE8) для вот такой вот формы select id=&quot;category&quot;&gt; &lt;option...

Стилизация текста в теге <select> - HTML, CSS
Как сделать часть строки в теге SELECT одним цветом, а часть другим &lt;select class=&quot;sel-prodaga&quot;&gt; &lt;option class=&quot;name&quot;&gt;Цены &lt;span...

Css стилизация ввода текста - HTML, CSS
Приветствую! Кто знает как при помощи css изменить стиль линии (|) в input text или textarea?

8
mrtoxas
Модератор
Эксперт HTML/CSS
2530 / 1868 / 1024
Регистрация: 12.07.2015
Сообщений: 5,028
Записей в блоге: 3
12.05.2016, 00:05 #2
Мучай библиотеку jscrollpane
http://bberez.livejournal.com/62388.html
0
aj17
280 / 271 / 131
Регистрация: 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 / 3
Регистрация: 04.12.2012
Сообщений: 558
12.05.2016, 14:23  [ТС] #4
Пробовал так)) Тогда при выборе элемента он не появляется почему-то, не показывается, какой элемент выбран
0
aj17
280 / 271 / 131
Регистрация: 02.06.2014
Сообщений: 1,015
12.05.2016, 14:50 #5
Лучший ответ Сообщение было отмечено автором темы, экспертом или модератором как ответ
CSS
1
2
3
4
.select_expand:checked + .select_closeLabel + .select_options{
    max-height: 120px;
        overflow-y: scroll;
}
1
Dmitrin
22 / 22 / 3
Регистрация: 04.12.2012
Сообщений: 558
12.05.2016, 14:52  [ТС] #6
Вот теперь отлично)) Спасибо большое))
0
aj17
280 / 271 / 131
Регистрация: 02.06.2014
Сообщений: 1,015
12.05.2016, 15:04 #7
Не за что) Но я бы рекомендовал все же плагин, даже банально сделать в jQuery
0
Dmitrin
22 / 22 / 3
Регистрация: 04.12.2012
Сообщений: 558
12.05.2016, 15:09  [ТС] #8
А можете посоветовать какой-нибудь самый простенький select, чтобы вот так с анимацией выпадали элементы и заходили обратно? Возможно, как-то парой строчкой кода можно сделать, чтобы в самом обычном select так можно было сделать?
0
aj17
280 / 271 / 131
Регистрация: 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 select - HTML, CSS
Доброе время суток! Никак не могу найти в гугле как сделать такое меню выбора на селект синим на рисунке показал то что выбрали...

Изменение select-box на CSS - HTML, CSS
Имеется селект-бокс и стили для него: .select-box1 { width: 230px; height: 30px; font: 22px normal Arial, Helvetica,...

CSS стили скроллинга у элемента select - HTML, CSS
Добрый день всем, Стоит задача сверстать форму регистрации. ВОт скриншот - http://www.imagebam.com/image/8f93f6436178536 Так вот, там...

Стилизация hr - HTML, CSS
Здрасте! Вот написал я такой код &lt;div id=&quot;header&quot;&gt; &lt;div class=&quot;text&quot;&gt;Привет!!!&lt;/div&gt; &lt;/div&gt; &lt;hr&gt; * {margin:0;...


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

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

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