How to put a style for scrollbar in ul

Question

I have certain images which are placed in div's in the ul tag. I get scroll bar for more than 3 images. Any chance that i can apply styles to the scroll bar .

You can do it in Webkit browsers though. But then, refer to this SO: http://stackoverflow.com/questions/7725652/css-scrollbar-style-cross-browser — Jaime Gris, Jun 13 '13 at 13:59

score 2 · Answer 1 · answered Jun 13 '13 at 14:10

2

You can style scrollbar's of webkit browsers

The css: Applicable for Chrome and safari

  ::-webkit-scrollbar {
      width: 15px;
}

::-webkit-scrollbar-track {
      background-color: #b46868;
} 
::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.2);
} 
::-webkit-scrollbar-button {
      background-color: #7c2929;
} 
::-webkit-scrollbar-corner {
      background-color: black;
}

Styling internet explorer which is a bit different :

body {
    scrollbar-face-color: #b46868;
}

Mark that these will not work for non-webkit browsers. ex firefox so, for non webkit browsers you need to use a jquery plugin.

For more help refer this site http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-styling-scrollbars-to-match-your-ui-design/

answered Jun 13 '13 at 14:10

GeekyCoder

428
3
8

i want in firefox too..how can i do it – user2469756 Jun 14 '13 at 06:04
If you want in firefox too then you need to use jquery and a plugin for that. The name of the plugin and the required info is in the link which i have mentioned in the answer. – GeekyCoder Jun 14 '13 at 09:26
but it lags on iPad ios9 – Shareque Jul 29 '20 at 13:09

How to put a style for scrollbar in ul

1 Answers1