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 — нет.

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

Safari готовится пройти ACID3?

Вероятнее всего, Safari будет первым браузером, который пройдёт тест ACID3. 30 января, когда я делал замеры прохождения этого теста различными браузерами Safari лидировал, это положение дел сохраняется до сих пор, причём Apple идёт к финишу семимильными шагами.

Ночная сборка «Сафари» на 30 января справлялась с 66% теста, за пять дней эта цифра поднялась до 73%, тогда как «Опера» за неделю поднялась всего на два пункта. Я думаю, «Сафари» справится с тестом ещё до релиза — очень хорошая реклама для браузера, который только-только начинает завоёвывать рынок.

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