Firefox scrollbar css style

by tutorialsw3.com - May 23, 2019

html code

Firefox scrollbar css style

Styling Scrollbars in Chrome, Edge, and Safari
Currently, styling scrollbars for Chrome, Edge, and Safari
is available with the vendor prefix pseudo-element -webkit-scrollbar.

Here is an example that uses ::-webkit-scrollbar, ::-webkit-scrollbar-track, and ::webkit-scrollbar-thumb pseudo-elements:

body::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}


body::-webkit-scrollbar-track {
  background: orange;        /* color of the tracking area */
}


body::-webkit-scrollbar-thumb {
  background-color: blue;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid orange;  /* creates padding around scroll thumb */
}

CSS Scrollbars

In this example we have chosen to use a thin scrollbar, with a green track and purple thumb.

.scroller {
  width: 300px;
  height: 100px;
  overflow-y: scroll;
  scrollbar-color: rebeccapurple green;
  scrollbar-width: thin;
}

HTML

<div class="scroller">
Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi
welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.
Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette
tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato.
Dandelion cucumber earthnut pea peanut soko zucchini.
</div>

Custom CSS Scrollbar for Firefox, Firefox scrollbar css style

page 1 2 3 4 .... >> next page

Who we are.

This is a small web programming guide, a tutorial for those who want to learn PHP on their own. The site is presented as an online course containing PHP lessons, explanations and examples, as well as practical applications.

The site is addressed to people who want to get started in web programming. Careful! PHP means programming. It is true that a web developer must have a minimum knowledge of web design (HTML, CSS, JavaScript and others), but this site only deals with programming issues.

Latest articles added

css	Css rounded corners
html	Html input size
css	Css background image opacity
css	Css background image size to fit screen
php-mysqli	Mysqli_fetch_array
html	Html div style class tutorial

The best articles

Learn how to make a website and set it up. This site contains different tutorials on how to build a website using HTML, PHP, SQL

In order to work with PHP and to practice all the examples in this course, you have to have access to a computer that has installed: a server (for example Apache), a PHP module and MYSQL.

Online CSS Tutorial pdf, what is CSS, Online Courses, Classes, Training

SQL (Structured Query Language)is a domain-specific language used in programming and designed for managing data held in a relational database management system

Stories

Paphos, Larnaca, Limassol, Nicosia. Ce-i de vizitat
Paphos, Larnaca, Limassol, Nicosia. Ce-i de vizitat
Paphos, Larnaca, Limassol, Nicosia. Ce-i de vizitat
Paphos, Larnaca, Limassol, Nicosia. Ce-i de vizitat

S.No Category	URL SITE
13 css	css rounded corners
12 html	html input size
11 css	css background image opacity
10 css	css background image size to fit screen
9 php-mysqli	mysqli_fetch_array
8 html	html div style class tutorial
7 php-mysqli	mysqli_query php
6 php	php online editor
5 css	firefox scrollbar css style
4 php	php while continue
3 css	css link color hover
2 html	html table border
1 html	how to add text in html