zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden scrollbarFARBE an einer DIV

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.11.2022, 23:36
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.03.2014
Beiträge: 15
Spike1977 befindet sich auf einem aufstrebenden Ast
Standard scrollbarFARBE an einer DIV

Hi irgend wie spuckt mir google nur scheisse aus...
ich will nicht die scrollbarfarbe vom ganzen browser ändern!
ich will nur die DIV SCROLLBAR FARBE ändern.
wie funktioniert denn das?

<div style="
???scrollbar-color und breite???
height:50%;
width:50%;
border:0px;
overflow:scroll;
overflow-x:clip;
overflow-x:scroll;
overflow-y:scroll;">

</div>
__________________
Hauptsache die Haare liegen!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 21.11.2022, 16:17
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Das ist die 1.Seite in meinen Suchergebnis, was ist daran "Scheiße"? (oder wonach hast du gesucht?)
https://css-tricks.com/almanac/prope...rollbar-color/
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 22.11.2022, 00:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.03.2014
Beiträge: 15
Spike1977 befindet sich auf einem aufstrebenden Ast
Standard

TEST... da dtimmt was nicht...


HTML-Code:
<html>
<head>
<style>

html {
  --scrollbarBG: #CFD8DC;
  --thumbBG: #90A4AE;
}
body::-webkit-scrollbar {
  width: 11px;
}
body {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}

body {
  margin: 0px;
  padding: 0px;
}

* {
  box-sizing: border-box;
}

</style>
</head>
<body>

<div style="height:30px; border:5px solid red;">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem deleniti accusantium quasi ab ad officia cupiditate sed aliquam nobis expedita velit dolorum perspiciatis pariatur nam vero et magnam soluta tempora!</p>
</div>

</body>
</html>
__________________
Hauptsache die Haare liegen!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 20:29
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
Header entfernen tripple CSS 17 15.06.2010 16:41
Schriftfarbe in den Eintragungsfeldern von jforms Steveislucky CSS 2 16.03.2010 11:59
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 20:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:32 Uhr.