Linked Questions
72 questions linked to/from Custom CSS Scrollbar for Firefox
11
votes
1
answer
64k
views
How can I create custom scrollbar for Mozilla Firefox with CSS? [duplicate]
Is it possible to create a custom scrollbar for Mozilla Firefox with CSS?
I found some articles which tells it was supported in past (e.g. http://codemug.com/html/custom-scrollbars-using-css/).
Are ...
- 473
2
votes
0
answers
7k
views
Problem with the css of the scrollbar in firefox [duplicate]
I am currently building a website and I want it to work well on chrome, IE10 and firefox. However, I have the problem that the scrollbar in firefox has the standard design because the command ::-...
- 234
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:
- 76
1
vote
1
answer
1k
views
Is there a -moz equivalent of ::-webkit-scrollbar? [duplicate]
I have used ::-webkit-scrollbar to hide scrollbars on an element in Safari/Chrome with the following CSS:
#element::-webkit-scrollbar { width:0 !important; height:0 !important }
Is there any way of ...
- 4,164
1
vote
0
answers
1k
views
Hide horizontal scroll bar but be able to scroll [duplicate]
div.scrollmenu {
background-color: #0090ff;
overflow: auto;
width: 100%;
white-space: nowrap;
}
.invisible-scrollbar::-webkit-scrollbar {
display: none;
}
div.scrollmenu a {
...
-1
votes
1
answer
794
views
Custom scroll bar cross browser [duplicate]
I found the following code that allows me to "hide" the scrollbar by setting a width/heigth of 0px. It works great on Chrome but not on Firefox. I would like it to work in other browsers as well.
Is ...
- 402
0
votes
1
answer
481
views
Custom design of scroll bar for Fire Fox and IE [duplicate]
I have coded for scroll bar design in CSS using Web-kit that working great on chrome and safari but I need same design for Fire Fox and IE. IE scrollbar width does not change. I have searched on ...
1
vote
0
answers
212
views
Scrollbar style in firefox? [duplicate]
In Opera and IE I can use scrollbar-face/arrow/track/shadow...-color cssvalues to change the scrollbar's appearance. In chrome/safari (webkit) there are ::-webkit-scrollbar ::-webkit-scrollbar-button :...
- 877
0
votes
1
answer
51
views
scroll with javascript for view firefox [duplicate]
I want add vertical scroll for may div element. I use -webkit-scrollbar CSS code but this method not working in firefox browser
I think only method for scrollbar in firefox browser is javascript ...
- 350
2
votes
0
answers
41
views
how can I design the scroll bar for Windows on Firefox? [duplicate]
.scroll {
height: 100px;
background: red;
overflow-y: scroll;
}
.scroll::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #F5F5F5;
}...
- 531
0
votes
0
answers
32
views
Dynamic Gradient in Scrollbar [duplicate]
I wish to use dynamic gradient in scroll bar but it doesn't seem to work.
/* Gradient Scrollbar */
body::-webkit-scrollbar {
width: 20px;
}
body::-webkit-scrollbar-thumb {
background-image: ...
- 101
370
votes
21
answers
640k
views
CSS customized scroll bar in div
How can I customize a scroll bar via CSS (Cascading Style Sheets) for one div and not the whole page?
- 4,196
65
votes
4
answers
278k
views
CSS3 scrollbar styling on a div
How can I style webkit scrollbars with CSS3?
I mean these properties:
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px ...
- 32.7k
23
votes
4
answers
61k
views
Styling ::-webkit-scrollbar-track not working
I'm trying to style the track of the scroll bar. Whenever I style the track:
div::-webkit-scrollbar-track {
background-color: blue;
}
Nothing changes.
Whenever I style the scrollbar:
div::-...
- 3,130