SyntaxFix

[css] CSS customized scroll bar in div

Firefox new version(64) support CSS Scrollbars Module Level 1

_x000D_
_x000D_ 
.scroller {_x000D_
  width: 300px;_x000D_
  height: 100px;_x000D_
  overflow-y: scroll;_x000D_
  scrollbar-color: rebeccapurple green;_x000D_
  scrollbar-width: thin;_x000D_
}
_x000D_ 
<div class="scroller">_x000D_
Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi_x000D_
welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic._x000D_
Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette_x000D_
tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato._x000D_
Dandelion cucumber earthnut pea peanut soko zucchini._x000D_
</div>
_x000D_
_x000D_
_x000D_

Source: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scrollbars

Firefox scrollbar

https://codepen.io/fatihhayri/pen/pqdrbd

Examples related to css

• need to add a class to an element • Using Lato fonts in my css (@font-face) • Please help me convert this script to a simple image slider • Why there is this "clear" class before footer? • How to set width of mat-table column in angular? • Center content vertically on Vuetify • bootstrap 4 file input doesn't show the file name • Bootstrap 4: responsive sidebar menu to top navbar • Stylesheet not loaded because of MIME-type • Force flex item to span full row width

Examples related to html

• Embed ruby within URL : Middleman Blog • Please help me convert this script to a simple image slider • Generating a list of pages (not posts) without the index file • Why there is this "clear" class before footer? • Is it possible to change the content HTML5 alert messages? • Getting all files in directory with ajax • DevTools failed to load SourceMap: Could not load content for chrome-extension • How to set width of mat-table column in angular? • How to open a link in new tab using angular? • ERROR Error: Uncaught (in promise), Cannot match any routes. URL Segment

Examples related to scrollbar

• How to get on scroll events? • Transparent scrollbar with css • Remove scrollbars from textarea • Body set to overflow-y:hidden but page is still scrollable in Chrome • How to change scroll bar position with CSS? • Prevent scroll-bar from adding-up to the Width of page on Chrome • How can I add a vertical scrollbar to my div automatically? • Detect Scroll Up & Scroll down in ListView • Tkinter scrollbar for frame • How do I make the scrollbar on a div only visible when necessary?