CSS3 ::selection

::selection (33.81КиБ) В CSS3 есть замечательный селектор ::selection. Позволяет указать цвет выделения текста мышкой для определённого тега. В исходной статье, например, три абзаца выделяются каждый своим цветом — красным, голубым и розовым.

Фокус прост, в таблице стилей пишем:
p.red::selection { background: #ffb7b7 }      /* Safari, Opera */
p.red::-moz-selection { background: #ffb7b7 } /* FireFox */
всё привычно — для тега «P» с классом «red» указывается цвет выделения. Для FireFox при помощи селектора «::-moz-selection», для Safari и Opera — при помощи «::selection». Opera поддерживает указание цвета для «::selection» начиная с версии 9.50 build 9770.

P.S. Если у вас FireFox, Safari или Opera 9.50 build 9770, попробуйте выделить этот текст, можно заметить, что в «Опере» цвет выделения наследуется, а в Safari и FireFox — нет.
4 февраля 2008 12:15

lusever.ru (lusever.ru)
4 февраля 2008, 12:39

исправляем хабр?

bolk (bolknote.ru)
4 февраля 2008, 12:40, ответ предназначен lusever.ru:

Ага. Да деле я давно написать хотел про это, а тут такая оказия :)

creagenics.com (creagenics.com)
4 февраля 2008, 14:45

А какое практическое использование?

bolk (bolknote.ru)
4 февраля 2008, 14:52, ответ предназначен creagenics.com:

Это для меня большая загадка. Не думаю, что внедрение такого элемента удачная идея. Я был бы не против, если бы поведение каких-то системных вещей браузер не трогал.

Но, возможно, какие-то аргументы «за» у этой фичи есть.

artemp.pip.verisignlabs.com (artemp.pip.verisignlabs.com)
4 февраля 2008, 14:59

Не сочтите за занудство, но откуда взялся розовый? :)

bolk (bolknote.ru)
4 февраля 2008, 15:09, ответ предназначен artemp.pip.verisignlabs.com:

Тьфу, действительно :)

isagalaev (softwaremaniacs.org/about)
6 февраля 2008, 23:11

Вот интересная идейка на базе этого свойства: http://metaatem.net/highlite/?text=Dee%20Ah%20Double%20Gee%21%20&image=http%3A%2F%2Fdigg.com%2Fimg%2Flittle-digg.gif&colors=128&width=80

bolk (bolknote.ru)
7 февраля 2008, 07:48

Да, забавно :)

kguryanov.livejournal.com (kguryanov.livejournal.com)
18 февраля 2008, 15:12

А Opera 9.50 - это MacOS версия?

bolk (bolknote.ru)
19 февраля 2008, 12:31, ответ предназначен kguryanov.livejournal.com:

У меня Windows.

Ваше имя или адрес блога (можно OpenID):

Текст вашего комментария, не HTML:

Кому бы вы хотели ответить (или кликните на его аватару)