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.
пишет:
15 Апр 2009 в 14:16
1Да IE много чего хорошего не умеет.
пишет:
11 мая 2009 в 14:02
2спс, возьму на заметку…
PS: насколько я знаю нет понятия “псевдо-селектор”
есть селекторы с псевдо-элементами и с псевдо-классами. и ::selection – псевдо-элемент (как оказалось), хотя как по мне более логично – псевдо-класс…
PPS: спрятанный дигг улыбнул ))
пишет:
14 Дек 2009 в 13:53
3Спасибо, как раз это искал!