“Atur CSS Lebar Scrollbar” Kode Jawaban

Atur CSS Lebar Scrollbar

::-webkit-scrollbar {
    width: 2em;
    height: 2em
}
::-webkit-scrollbar-button {
    background: #ccc
}
::-webkit-scrollbar-track-piece {
    background: #888
}
::-webkit-scrollbar-thumb {
    background: #eee
}​
Fine Flatworm

Lebar scrollbar CSS

/* The syntax, with all the available styling */
(selected-element)::-webkit-scrollbar {
  width: 16px;
  background: transparent;
  display: none;
}
(selected-element)::-webkit-scrollbar-track {
  background: whitesmoke;
  border-radius: 3px;
}
(selected-element)::-webkit-scrollbar-thumb {
  background: tomato;
  border-radius: 10px;
}

/* A modern way of doing this */
selected-element {
  scrollbar-width: thin; /* 'thin' or any usual number measurements like '5px' */
  scrollbar-color: <thumb-color> <track-color>; /* Use normal color system i.e rgb or hex or hsl */
}
Code Rabbi

Jawaban yang mirip dengan “Atur CSS Lebar Scrollbar”

Pertanyaan yang mirip dengan “Atur CSS Lebar Scrollbar”

Lebih banyak jawaban terkait untuk “Atur CSS Lebar Scrollbar” di CSS

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya