Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.63/88: Рейтинг темы: голосов - 88, средняя оценка - 4.63
11 / 11 / 2
Регистрация: 16.08.2009
Сообщений: 434

Стилизация шрифта в теге <select>

07.01.2012, 02:28. Показов 16338. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Почему то не работает такой вариант
HTML5
1
2
3
4
<select name="action">
<option value=-1><font color=#008000>MAX</font></option>
<option value=-2><font color=#007000>MIN</font></option>
</select>

цвет слов MAX и MIN остаеться без изменений как можно поменять у них цвет ?
для каждого пункта в теге select нужен свой цвет шрифта
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
07.01.2012, 02:28
Ответы с готовыми решениями:

Стилизация <select>
Всем доброго времени суток! Я новичок в веб-разработке, тем не менее достался проект. Вопрос следующий. Есть модальное окно, в нем форма...

Стилизация select
всем привет, подскажите пожалуйста, как сделать такой select , как на картинке &lt;select name=&quot;city&quot;...

Стилизация select на CSS
Здравствуйте. Есть стилизированный селект http://codepen.io/udyux/pen/KzJQea Не могу его изменить так, что бы если много...

7
17 / 17 / 7
Регистрация: 04.01.2012
Сообщений: 28
07.01.2012, 02:39
HTML5
1
2
3
<select style="background: цвет">
  <option></option>
</select>
Можете попробовать так!
А можно просто в css указать:
CSS
1
2
3
SELECT {
    color: #ffe; 
    }
Кстати, в css рационально было бы указать и фон!
1
11 / 11 / 2
Регистрация: 16.08.2009
Сообщений: 434
07.01.2012, 02:49  [ТС]
it-m-aks,

ну а это разве не для всего селекта задаеться ?
мне нужно у каждой строчки в селекте свой цвет шрифта
0
17 / 17 / 7
Регистрация: 04.01.2012
Сообщений: 28
07.01.2012, 03:06
пардон.

Добавлено через 14 минут
пардон.
HTML5
1
<option class="name"></option>
Тег понимает универсальные атрибуты!!!
1
11 / 11 / 2
Регистрация: 16.08.2009
Сообщений: 434
07.01.2012, 03:29  [ТС]
it-m-aks,

спасибо за подсказку но работает не совсем так как я ожидал
цвет меняется только когда я нажимаю на поле селект чтобы выбрать какой то пункт
а если он уже выбран то цвет не меняется
я сначала думал что ничего не изменилось потому что выбранный пункт не изменил цвет

Добавлено через 1 минуту
хотя проверил в IE там все работает, но хотелось бы чтобы работало в Fire Fox может там надо что то включить в опциях ? странно что когда нажимаю на селект цвет меняется а когда просто пункт выбран то у него такой же черный цвет
0
17 / 17 / 7
Регистрация: 04.01.2012
Сообщений: 28
07.01.2012, 10:13
Честно насчёт firefox не знаю! Я им как не особо пользуюсь! А что-то другое предложить
Поинтересуйтесь может можно средствами js реализовать????
0
5 / 7 / 0
Регистрация: 06.01.2012
Сообщений: 92
07.01.2012, 21:42
Самый прикольный способ

HTML5
1
2
3
4
<select name="action">
<option value=-1><span style="color:#008000">MAX</span></option>
<option value=-2><span style="color:#007000">MIN</span></option>
</select>
0
11 / 11 / 2
Регистрация: 16.08.2009
Сообщений: 434
11.01.2012, 18:32  [ТС]
maxefect,

вообще ничего не меняться
остается черный цвет
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
11.01.2012, 18:32
Помогаю со студенческими работами здесь

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

Анимация и стилизация Select
Здравствуйте. Подскажите, как с минимальным количеством кода можно было бы анимировать выпадение и сворачивание списка select, и выбранный...

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

Запрос к бд по клику на вариант в теге select
Товарищи, задача состоит в следующем. Имеется обычный селект типа: &lt;select name=&quot;select&quot; onchange=&quot;???&quot;&gt; ...

Стилизация select в 1С-Битрикс: управление сайтом
Здравствуйте! Недавно у меня возникла необходимость, стилизовать селект в сайте на битриксе. Нашел решение на JQuery:...


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

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru