Раскрашивание прокрутки в WebKit

Я помню многие ругали Microsoft за то, что в IE когда-то появилась возможность задать стили для полос прокрутки. Честно сказать, и мне это казалось чем-то сомнительным. Прошло время и эти стили редко используются где-то, кроме «уютных дняфок» чёрно-розовых подростков и эксперементальных бастардов дизайнеров с вёрсткой.

Как бы то ни было, WebKit в свою новую сборку включил селекторы для очередных измывательств над полосой прокрутки (причём, отдельно для ресайзера, горизонтальной и вертикальной прокрутки).

Стилей там добрый мешок, лучше сходить на сайт «ВебКита» и посмотреть, а мне же нравится, что появился новый CSS-хак, который позволит выделять эту и выше версии «ВебКита» (и браузеров на нём). Например, он может выглядеть так:

noindex::-webkit-scrollbar, .someclass {
    color: red;
}
Поделиться
Отправить
4 комментария
pepelsbey.ya.ru

В Safari 4 beta эта штука уже работает, так что не «в новую сборку», а уже сейчас.

Евгений Степанищев (bolknote.ru)

Комментарий для pepelsbey.ya.ru:

Ну, т. е. это CSS-хак для Safari4. Чудненько.

loud-minsk.livejournal.com

Я не спамер и не бот :)

Я столкнулся с граблями на Safari — не могу побороть, известные хаки не проканали.
Вот смотри трабла — видна на скриншотах browsershots — http://browsershots.org/http://test.tvysoftware.com/tvyredesign072009/example1.html  — суть в том, что в средней полоске (навигация) картинка имеет float: left; и вот на всех браузерах она делает что положено..а под Safari — остается в центре, да еще прирастает падингами..

Буду очень благодарен за помощь :)

Евгений Степанищев (bolknote.ru)

Комментарий для loud-minsk.livejournal.com:

С такими вещами лучше разбираться так: создать в каком-нить тематическом сообществе топик с просьбой помощи, где дать ссылку на скриншот и HTML.

Популярное