DIV scrollbarfarbe

Spikex1977 · 19.11.2022

ich will nicht die scrollbarfarbe vom ganzen browser ändern!
ich will nur die DIV SCROLLBAR FARBE ändern.
wie funktioniert denn das?

<div style="
???scrollbarcolor und breite???
height:50%;
width:50%;
border:0px;
overflow:scroll;
overflow-x:hidden;
overflow-x:scroll;
overflow-y:scroll;">
</div>

basti1012 · 20.11.2022

Weißt du den, wie man die Scrollbar auf der ganzen Seite ändert?
Wie auch immer , das kann man aber leicht Googeln.
Hier mal nee Seite, wie es geht.
https://css-tricks.com/the-current-state-of-styling-scrollbars-in-css/

Spikex1977 · 20.11.2022

HI, also ich habe es ja jetzt soweit geschafft aber in firefox wird die scrollbar nicht schmal in der DIV...

HTML:

<html>
<head>
<style>
body { padding:0px; margin:0px; color:#999999; background-color:#222222;}
/* Scrollbar für Firefox */
html{scrollbar-color:#222222 #444444; overflow-y:scroll; scrollbar-width:thin;}
/* Scrollbar für Chrom und andere */
::-webkit-scrollbar-track {background:#444444;} ::-webkit-scrollbar-thumb {background-color:#222222; border-radius:5px;} ::-webkit-scrollbar {width:6px;}
</style>
</head>
<body>
  <div style="margin: auto; height:50vh; width:50vw; border-radius:10px; border:1px solid #444444; background-color:#111111; overflow:scroll; overflow-x:hidden; overflow-y:hidden; overflow-y:scroll;">
    <p style="margin:15px; padding:0px; text-align:justify;">
      Eine DIV mit Scrollbalken ... Eine DIV mit Scrollbalken ...<br><br>
      Eine DIV mit Scrollbalken ... Eine DIV mit Scrollbalken ...<br><br>
      Eine DIV mit Scrollbalken ... Eine DIV mit Scrollbalken ...<br><br>
      Eine DIV mit Scrollbalken ... Eine DIV mit Scrollbalken ...<br><br>
      Eine DIV mit Scrollbalken ... Eine DIV mit Scrollbalken ...<br><br>
      Eine DIV mit Scrollbalken ... Eine DIV mit Scrollbalken ...<br><br>
      Eine DIV mit Scrollbalken ... Eine DIV mit Scrollbalken ...<br><br>
      Eine DIV mit Scrollbalken ... Eine DIV mit Scrollbalken ...<br><br>
      Eine DIV mit Scrollbalken ... Eine DIV mit Scrollbalken ...<br><br>
      Eine DIV mit Scrollbalken ... Eine DIV mit Scrollbalken ...<br><br>
      Eine DIV mit Scrollbalken ... Eine DIV mit Scrollbalken ...<br><br>
      Eine DIV mit Scrollbalken ... Eine DIV mit Scrollbalken ...<br><br>
      Eine DIV mit Scrollbalken ... Eine DIV mit Scrollbalken ...<br><br>
      Eine DIV mit Scrollbalken ... Eine DIV mit Scrollbalken ...<br><br>
      Eine DIV mit Scrollbalken ... Eine DIV mit Scrollbalken ...<br><br>
      Eine DIV mit Scrollbalken ... Eine DIV mit Scrollbalken ...<br><br>
      Eine DIV mit Scrollbalken ... Eine DIV mit Scrollbalken ...<br><br>
      Eine DIV mit Scrollbalken ... Eine DIV mit Scrollbalken ...<br><br>
      Eine DIV mit Scrollbalken ... Eine DIV mit Scrollbalken ...<br><br>
      Eine DIV mit Scrollbalken ... Eine DIV mit Scrollbalken ...<br><br>
      Eine DIV mit Scrollbalken ... Eine DIV mit Scrollbalken ...<br><br>
    </p>
  </div>
</body>
</html>

DIV scrollbarfarbe

Spikex1977

New member

basti1012

Well-known member

Spikex1977

New member

DIV scrollbarfarbe