CSS: как изменить цвет и фон выделения текста

Вторник, 14 Апр 2009 19:20

Вопрос на ответ «Как изменить цвет/фон выделения в браузере» оказался ничуть не сложнее, чем я и ожидал. Подобный эффект без труда достигается использованием псевдо-селекторов CSS3. Выглядит это следующим образом:

1
2
::selection { background: #f6b36a; color:#000; }
::-moz-selection { background: #f6b36a; color:#000; }

Здесь первая строка устанавливает соответствующий фон (background) и цвет (color) для выделения в Opera и Safari, вторая — для FF. Ни IE6/7, ни как ни странно IE8 не поддерживают данных псевдо-селекторов, а потому насладиться подобной красотой пользователям этих браузеров не удастся.

Пока искал решение данного вопроса, наткнулся на крайне нестандартное и невероятно изощренное использование этих псевдо-селекторов: Скрываем картинку за текстом при помощи изменения фона выделения.

Для тех, кто так и не разобрался, как это работает, — просто выделите мышкой предложенный вам текст, и увидите, что будет. :)

Данный скрипт скроет для вас за текстом любую вашу картинку и выдаст вам сгенерированный код! Have fun!

Постовой

Телефония и системы безопасности — неотъемлемая часть 21 века... Как в приципе и рекламные ролики: Rock-'n-Rose. Аромат от Valentino.

Теги: 

http://blogto4ka.ru

RSS комментариев

4 комментария Комментировать

  1. Гексли пишет:

    15 Апр 2009 в 14:16 Reply to this comment

    1

    Да IE много чего хорошего не умеет.

  2. YoYurec пишет:

    11 мая 2009 в 14:02 Reply to this comment

    2

    спс, возьму на заметку...

    PS: насколько я знаю нет понятия «псевдо-селектор»

    есть селекторы с псевдо-элементами и с псевдо-классами. и ::selection — псевдо-элемент (как оказалось), хотя как по мне более логично — псевдо-класс...

    PPS: спрятанный дигг улыбнул ))

  3. КИрилл пишет:

    14 Дек 2009 в 13:53 Reply to this comment

    3

    Спасибо, как раз это искал!

  4. \денис 12 лет пишет:

    11 Янв 2015 в 18:56 Reply to this comment

    4

    вообщето это не всё

Оставьте свой комментарий о материале
(Комментарии со ссылками попадают на модерацию. Остальные не попадают, но я могу удалять те, которые посчитаю бесполезными, не несущими смысловой нагрузки)