1

Пишу вот это:

 scrollbar-face-color: #33b5e5;

в

 <div id="my_favorite">    
   <div id="favorite_list">
      <div id="song_cover1"></div>
          <div id="song_frame1"></div>
       <div id="song_cover2"></div>
           <div id="song_frame2"></div>
       <div id="song_cover3"></div>
           <div id="song_frame3"></div>
</div>
</div>

где:

    #my_favorite {
   background-color:#F5F5F5;
       overflow:scroll;
   scrollbar-face-color: #33b5e5;
    }

но ничего не происходит. Все по старому

3
  • а как на остальных браузерах сделать???
    – navi1893
    7 июл 2013 в 11:10
  • вопрос решен. Как закрыть вопрос?
    – navi1893
    7 июл 2013 в 11:18
  • Вопрос не закрывается. Если вам тут ответили отмечайте правильныйответ и все 22 мая 2015 в 5:38

2 ответа 2

1

Только IE6+ поддерживает это свойство. Плюс должен быть контент для скролла и фиксированный размер div'a.

3
  • ну я понял. У меня появляется обычный скролл. Хочу придать свой дизайн ему. Изменить толщину и цвет. Как можно сделать?
    – navi1893
    7 июл 2013 в 11:13
  • 1
    Стандартными методами - никак. Если только писать свой на JavaScript или искать готовые плагины для jQuery. Благо такие есть, например: jScrollPane.
    – Pifagorych
    7 июл 2013 в 11:17
  • А вообще, есть неплохой обзор подобных плагинов: designhuntr.com/custom-jquery-scrollers
    – Pifagorych
    7 июл 2013 в 11:21
1

Для webkit'ов так: https://css-tricks.com/custom-scrollbars-in-webkit/

::-webkit-scrollbar
::-webkit-scrollbar-button
::-webkit-scrollbar-track
::-webkit-scrollbar-track-piece
::-webkit-scrollbar-thumb
::-webkit-scrollbar-corner
::-webkit-resizer

:horizontal
:vertical
:decrement
:increment
:start
:end 
:double-button
:single-button
:no-button
:corner-present
:window-inactive

А вот для FF не получится.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.