Показано с 1 по 10 из 10

Тема: тег <select> -> <option>

  1. #1

    Регистрация
    04.07.2006
    Адрес
    Харьков
    Сообщений
    67

    Смущение

    Вопрос в следующем - как CSS-ом изменить бекграунд у ВЫБРАННОГО элемента (<option>) тега <select> ?

    варианты javascript/PHP/все остальное не предлагать

    Заранее всем спасибо

  2. #2

    Регистрация
    06.05.2005
    Адрес
    Санкт-Петербург
    Сообщений
    769
    выбранный - это тот элемент списка над которым мышь (:hover) или то из полей select, на котором фокус (:focus)?

  3. #3

    Регистрация
    04.07.2006
    Адрес
    Харьков
    Сообщений
    67
    Тот, у которого атрибут selected="selected"

    Если бы все было так просто - я бы не задавал вопрос
    :focus и :hover - работает но это не то.

    Ситуация такая - есть список всякой лабуды в <select> с возможностью выбора нескольких (или одного) элементов - нужно чтобы выбранные элементы подсвечивались не дефолтным голубым цветом а другим.

  4. #4

    Регистрация
    06.05.2005
    Адрес
    Санкт-Петербург
    Сообщений
    769
    в смысле option [selected="selected"]{...}?
    [Только зарегистрированные пользователи могут видеть ссылки. ]

  5. #5

    Регистрация
    04.07.2006
    Адрес
    Харьков
    Сообщений
    67
    конструкция вида

    option [selected="selected"]{
    background: red;
    }

    не работает

  6. #6

    Регистрация
    06.05.2005
    Адрес
    Санкт-Петербург
    Сообщений
    769
    [Только зарегистрированные пользователи могут видеть ссылки. ] написано, что должна работать. это значит, что придется таки использовать javascript. для того, чтобы симитировать hover. той option, над которой мышка дать класс .over и написать, что option.over {background-color:grey;}. так или иначе такой скрипт присутствует в большинстве страничек для реализации hover в ie для тегов, отличных от <a>. надо лишь слегка его модифицировать

    другого пути не вижу.

  7. #7

    Регистрация
    04.07.2006
    Адрес
    Харьков
    Сообщений
    67
    null, я знаю что должно работать.

    я наверное неточно описал что требуется сделать. Есть список - там N элементов. Кликаем по нескольким элементам - выбираем их. Они подсвечиваются стандартным голубым цветом. :hover тут не при чем. Нужно изменить цвет не того элемента, над которым сейчас находится указатель, а тех элементов, которые уже выбраны.

    Ну, раз CSS здесь бессилен - то фиг с ним. Спасибо за советы

  8. #8

    Регистрация
    06.05.2005
    Адрес
    Санкт-Петербург
    Сообщений
    769
    теперь понял. но это, кажется, дела не меняет.
    попробуйте воспользоваться моим советом. только событие для скипта будет не mouseover a какое-то другое... хм... это тоже вопрос однако - какое

  9. #9

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    стоп-стоп-стоп, а разве контекстные селекторы не входят в спецификацию CSS3, а не CSS2?

  10. #10

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    а, не, сорри, так бы и ждал CSS3 :biggrin2:, действительно в CSS2 это свойство указано, но...
    поддержка браузерами
    IE/Win 3.0-6.0 - нет
    IE/Mac 5.1-5.5 - нет
    NN/Win 4.0-4.79 - нет
    NN/Mac/Nix 4.0 - нет
    NN/Win 6.0-7.0 - нет
    Moz/Win 1.0 - да
    Opera/Win 3.6-4.0 - нет
    Opera/Win 5.0-6.0 - да
    Konq - да

    правда книжка старовата =)

Похожие темы

  1. Volume Select
    от el coyote в разделе 3D-технологии
    Ответов: 1
    Последнее сообщение: 05.06.2012, 18:56
  2. select в ие
    от P_Ann в разделе Вёрстка сайта
    Ответов: 5
    Последнее сообщение: 02.07.2007, 16:10
  3. CSS и SELECT
    от Violator в разделе Вёрстка сайта
    Ответов: 10
    Последнее сообщение: 26.07.2006, 18:37
  4. <select><optgroup><option>
    от Dart в разделе Вёрстка сайта
    Ответов: 4
    Последнее сообщение: 24.07.2006, 20:35
  5. Как задать выборочно цвет текста в option
    от Kostia в разделе Вёрстка сайта
    Ответов: 4
    Последнее сообщение: 27.10.2004, 20:16

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •