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Спасибо, как раз это искал!
11 Янв 2015 в 18:56
4вообщето это не всё