Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.88/8: Рейтинг темы: голосов - 8, средняя оценка - 4.88
5 / 4 / 2
Регистрация: 11.12.2013
Сообщений: 168

Select оформление

07.03.2016, 19:47. Показов 1767. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый вечер.
Подскажите пожалуйста, как сверстать подобный <select> ?
То есть, стиль скрола и высота выпадающего меню. Может есть плагин на js?
Спасибо!
Миниатюры
Select оформление  
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
07.03.2016, 19:47
Ответы с готовыми решениями:

Оформление тега select
Каким образом можно сделать нестандартное оформление тега select ? Нужно привести его с таком виду, как на картинке

Как изменить оформление select multiple?
Добрый день, подскажите пожалуйста как реализовать эту выборку ? Я думаю что нужно изменить скрол в теге &lt;select&gt; а вот как...

Изменить оформление выпадающего списка select
Здравствуйте подскажите css код что бы можно было сменить то,что выделено красным на свои изображения, либо цвета ??

7
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
07.03.2016, 21:34
Цитата Сообщение от Максим_М21 Посмотреть сообщение
Может есть плагин на js?
jQuery Form Styler или подобные ему плагины... Вот ещё один на всякий случай...
1
5 / 4 / 2
Регистрация: 11.12.2013
Сообщений: 168
07.03.2016, 21:38  [ТС]
Спасибо, проверю.
0
 Аватар для Cdelphi78
140 / 74 / 18
Регистрация: 21.02.2014
Сообщений: 3,444
10.03.2016, 11:59
Fedor92, а на css как такой делать?

Добавлено через 2 часа 5 минут
Есть кто нибуть?
0
 Аватар для AmateR62
118 / 118 / 87
Регистрация: 24.02.2014
Сообщений: 404
10.03.2016, 13:33
Цитата Сообщение от Cdelphi78 Посмотреть сообщение
Fedor92, а на css как такой делать?
Только на css ни как... option не получится стилизовать
0
 Аватар для Cdelphi78
140 / 74 / 18
Регистрация: 21.02.2014
Сообщений: 3,444
10.03.2016, 13:36
А java sсript есть плагин без подключения библиотеки Jquery?
0
 Аватар для AmateR62
118 / 118 / 87
Регистрация: 24.02.2014
Сообщений: 404
10.03.2016, 13:38
Цитата Сообщение от Cdelphi78 Посмотреть сообщение
А java sсript есть плагин без подключения библиотеки Jquery?
Сомневаюсь... А чем вам JQuery не угодил?)
0
 Аватар для Cdelphi78
140 / 74 / 18
Регистрация: 21.02.2014
Сообщений: 3,444
10.03.2016, 21:50
А есть плагин без функционала, просто скрипты написаны для селекта, я не знаю как подкодывать еще один плагин, нужно только стил поменять
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
10.03.2016, 21:50
Помогаю со студенческими работами здесь

Как изменить значение одного select-а при изменении другого select-а?
Добрый день! Подскажите как изменить значение select при изменении другого select. первый: &lt;select id=&quot;options&quot;&gt; ...

Оформление
Здравствуйте. Выучил HTML по этому учебнику (прилагается). Пытался учить JavaScript. Но учебников где подробно описывается как самим писать...

Оформление
Здравствуйте! Конечно я задам очень глупый вопрос но каким образом прописать стили css чтобы документы типа html, css, php и подобных...

Динамические select и их нестандартное оформление
Здравствуйте Возникла проблема - несколько часов убил, до конца не смог решить, прошу помощи у знатоков) С jquery плотно раньше не...

Ссылка на выпадающий список и как изменить оформление <select>
Создаю тему в этом разделе, тк вряд ли чистым хтмл обойдется. Допустим есть всплывающее окно, в нем выпадающий список. 1 2 3 ...


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

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm)
8Observer8 30.01.2026
Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru