[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Раскрасить OPTION в разные цвета
sergeiss
Коллеги-программеры!

Как задать цвет для каждого OPTION в SELECT - вопросов нету :) А вот как бы сделать так, чтобы внутри одной опции можно было сделать выделение цветом для части строки? Вот тут и проблема.

Допустим, был такой список выбора
1 - Выбор 1
2 - Выбор 2


а стал
1 - Выбор 1
2 - Выбор 2


Чегой-то не соображу, можно ли... А если можно - то как? Изначально не мне надо было. Но когда спросили, то тоже "загрузился" и не могу найти ответ.



Спустя 16 минут, 7 секунд (17.02.2012 - 09:10) ADiel написал(а):
Вообще в option может быть только текст. Думаю, можно изобрести собственный option на js

Спустя 28 минут, 27 секунд (17.02.2012 - 09:38) Invis1ble написал(а):
Да, скорее всего только на js костыли лепить

Спустя 33 минуты, 17 секунд (17.02.2012 - 10:11) sergeiss написал(а):
Подумали тут с товарищем, которому это нужно... Можно написать "свой select", с использованием ДИВа фиксированного размера с overflow:scroll. Внутри можем творить всё, что угодно. Вариантов много получается smile.gif
Естественно, что работы больше, чем с простым селектом. Но и возможностей больше. Если ему надо, то пусть делает.

Спустя 1 час, 54 минуты, 17 секунд (17.02.2012 - 12:06) Oyeme написал(а):
Плугинов полно:
Один из них:
http://filamentgroup.com/lab/jquery_ui_sel..._a_html_select/

Спустя 1 минута, 38 секунд (17.02.2012 - 12:07) Invis1ble написал(а):
Так это и есть костыли tongue.gif

Спустя 44 минуты, 1 секунда (17.02.2012 - 12:51) inpost написал(а):
sergeiss
Есть в css: first-letter , раскрашивает именно первый символ, а не последний. Если селект из 10 элементов, то можно им воспользоваться.

Спустя 1 минута, 19 секунд (17.02.2012 - 12:53) Invis1ble написал(а):
inpost
сам-то пробовал? smile.gif

Спустя 21 минута, 23 секунды (17.02.2012 - 13:14) inpost написал(а):
Invis1ble
Да, конечно. Но только в ФФ smile.gif

Спустя 4 минуты, 43 секунды (17.02.2012 - 13:19) ADiel написал(а):
inpost не только в FF. Везде, где должным образом работает CSS3. Вообще даже если городишь костыли для своего select, вряд ли получишь кроссбраузерное решение сразу.

Спустя 2 минуты, 19 секунд (17.02.2012 - 13:21) Invis1ble написал(а):
ADiel
протестили на последних версиях ie, ff, chrome и opera. Работает только в ff, и то таким образом можно только первую букву изменить.

Спустя 5 минут, 21 секунда (17.02.2012 - 13:26) ADiel написал(а):
Перепутал с :nth-last-child и :nth-child

Спустя 2 часа, 45 минут, 1 секунда (17.02.2012 - 16:11) sergeiss написал(а):
Цитата (inpost @ 17.02.2012 - 13:51)
Есть в css: first-letter ,

Это не то, что надо. Вопрос был именно в раскрашивании произвольных символов, не только первых. И чтобы во всех браузерах работало smile.gif


_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.