Одна из интересных возможностей спецификации CSS3, которая может использоваться уже сегодня - это псевдоэлемент ::selection, позволяющий изменять цвет фона выделенного текста, заданный в вашей операционной системе, на любой другой цвет по вашему усмотрению. На данный момент ::selection поддерживают следующие браузеры: Safari; Google Chrome; FireFox; Opera ...
Я не сторонник условных комментариев в CSS (можно ругать меня за это), взамен предпочитаю использовать различные CSS-хаки, дабы при верстке решить проблему кроссбраузерности по ходу написания кода, без лишний «телодвижений». Да, это неправильно с точки зрения ...
Что-то много в последнее время мне глаза попадается информации, касаемой браузеров и поддержки ими стандартов. И мне это обстоятельство несомненно очень даже нравится. На хабре рассказали о том, что ожидаемая к выходу в марте 2008 года первая ...
Благодаря технологии CSS3, сегодня можно творить потрясающие дизайнерские вещи, причем не прибегая даже к помощи Photoshop или других дизайнерских программ. В частности, в этом помогают такие замечательные CSS3-свойства, поддерживаемые современными браузерами, как text-shadow, box-shadow, ...
Либо я плохо искал, либо проблема только у меня и я чего-то не знаю (в чем сомневаюсь), но в Интернете по сабжу ничего не нашел. Поэтому данный пост — это вопрос к читателям. При верстке форм я давно наблюдаю следующую проблемную ситуацию: независимо ...
Комментарии (36)
Чувак, все канешно круто, но тут не все супер пупир умные верстальшикии т. д.
Мне вот эта фича очень понравилась. Но реализовать её не могу. т. к ты банально даже не написал как её поставить =\
Изучай CSS, и все станет ясно.
Прив, слушай… не в курсе, а под IE хака пока не создали?
Вряд ли.
На самом деле, это малоизвестная фича. Вот я только вчера узнал (-:
То, что не поддерживает ie, — их проблема, тем более люди, юзающие этот браузер, на подобные красивости и не обращают внимания.
Проверил в IE8 работает
Работает не только background, но и color.
В Сафари и Хроме также можно применить к картинкам, в Fx не работает.
Мне вот интересно, в последней редакции спецификации по css3-селекторам псевдо-элемент :selection отсутствует, хотя в предыдущей редакции он был — значит ли это, что в w3c решили от него отказаться? Или я чего-то не понимаю?
Конструкцией
:-moz-selection {background: transparent; /* FireFox */
}
можно в FF сделать запрет на выделение.
Какая-никакая, но вот вам и польза.
Запрет выделения в FF делается проще, тоже через CSS3 — -moz-user-select:none.
а как такое сделать в поле edit? например пишу этот комментар выделяю текст и вижу стандартный синий фон…
полезная штука, ток я еще не очень во всем этом соображаю…
как сделать чтобы фон выделенного текста был спложным как у Вас, а то у меня получаеться с отступами между рядками: s010.radikal.ru/i314/1104/ab/34cfb12197a5.jpg
Это зависит от высоты строки, которая в CSS задается свойством
line-height.Помимо
backgroundеще работает свойствоcolor.Большое спасибо, как раз то что искал, всё получилось.
Этот псевдоэлемент — отличная возможность отойти от обыденности, в принципе, что нам и дает css.