Linked Questions
90 questions linked to/from CSS customized scroll bar in div
169 votes
6 answers
622k views
CSS scrollbar style cross browser [duplicate]
How can I define a CSS scrollbar style cross browser? I tested this code, it only works in IE and opera, but failed in Chrome, Safari and Firefox. <style type="text/css"> <!-- body { ...
44 votes
2 answers
191k views
How to change the scrollbar color using css [duplicate]
My jsfiddle is here I trying to change the color of the scrollbar but here it is not working. Css: .flexcroll { scrollbar-face-color: #367CD2; scrollbar-shadow-color: #FFFFFF; ...
8 votes
3 answers
52k views
Change style scrollbar div for my site [duplicate]
I would like the style of the scrollbar of my div style was similar to the iPhone or the new finder osx Lion. It must be compatible with all browsers. Is it possible?
7 votes
2 answers
27k views
Custom Webkit Scrollbar Button [duplicate]
I am trying to figure out how to make the webkit scrollbar button appear. I'm testing this on safari on Mac. I read these guides but I can't for the life of me figure out how to get a simple button ...
2 votes
3 answers
22k views
How to change the scroll-bar style in css [duplicate]
How can I change the scroll bar style in css or change the different UI in chrome or any browser. I have seen many sites with different user interfaces. Can this be done with css or html?
5 votes
2 answers
2k views
Styling scroll bars with CSS [duplicate]
I tried searching online but I didn't find any good sources on this. Is there a way to style scroll bars with pure CSS so that it is compatible with a maximum number of browsers?
1 vote
1 answer
10k views
Browser compatibility for -webkit-scrollbar (CSS) [duplicate]
I want to customise the scroll bar. According to this: http://webdesign.tutsplus.com/articles/quick-tip-styling-scrollbars-to-match-your-ui-design--webdesign-9430 you can do it using -webkit-...
2 votes
1 answer
6k views
Custom Scroll Bar for Div with pure CSS [duplicate]
Is there a way to customize a scrollbar with only CSS that effects a specific div and not everything in the entire page? I have found that I can use ::-webkit-scrollbar In order to change the style ...
0 votes
1 answer
6k views
How to style the ScrollBar using CSS or Javascript? [duplicate]
I want to style the scroll bar, ex: changing its color. I use this and it does not works. CSS: scrollbar-base-color:#369; scrollbar-3dlight-color:#ffd700; scrollbar-arrow-color:#ff0; scrollbar-base-...
0 votes
1 answer
5k views
Customize scrollbars using CSS [duplicate]
I have done this code below to customize my scrollbars but I need to put the arrows in the buttons, how can I made it? ::-webkit-scrollbar { width: 50px; } ::-webkit-scrollbar-button:start:...
-1 votes
2 answers
1k views
changing the color of scroll bar? [duplicate]
In a div I gave overflow auto to have a scroll bar to display the content that exceeds the limit My scroll bar appears in blue color that doesn't suit my layout how can i change the color div#...
2 votes
0 answers
4k views
Alternative for -webkit-scrollbar [duplicate]
I am looking for an alternative for -webkit-scrollbar pseudo class. As its browser dependent(Chrome and Safari). Is there a css alternative or JS code for the same? -webkit-scrollbar { display: ...
0 votes
2 answers
2k views
webkit scrollbar css unsupported by ie [duplicate]
For styling scrollbar (of ul) I have used css. .requestType is the class of ul. css I used is - .requestType{ height:600px; overflow-y: scroll; } .requestType::-webkit-scrollbar-track { -...
1 vote
1 answer
2k views
Custom scrollbar design for selected textarea [duplicate]
How do I implement custom scroll design for a specific textarea in the major browsers? eg: Sample image for my scroll design:
0 votes
1 answer
2k views
customize scroll bar using css [duplicate]
I have done the following to customize my scroll bar ::-webkit-scrollbar { width: 4px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; } ::-...