CSS3 - Wie "wiederherstellen" ::-webkit-scrollbar-Eigenschaft auf die Standard-scroll-Leiste
Hallo, ich bin mit der nächsten css-code in style Scrollbalken in Safari und Chrome. Und funktioniert wirklich toll, aber ich bin vor der nächsten Frage, würde ich mag te wiederherstellen der Standard-Wert, wenn ich die Seite auf meinem ipad. Ich bin mit @media css für dies, aber ich weiß nicht, wie die Standardeinstellungen wiederherzustellen, Werte.
@media screen and (min-width: 768px) and (max-width: 1024px) { }
/*Scroll bar nav*/
::-webkit-scrollbar {
width: 12px;
}
/* Track */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
background:#FFF;
}
/* Handle */
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(204,204,204,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(204,204,204,0.4);
}
InformationsquelleAutor ncubica | 2012-01-30
Du musst angemeldet sein, um einen Kommentar abzugeben.
Hallo ich habe gerade realisiert, Sie können alle Eigenschaften im auto; und wird den trick tun. Dies ist ein selbst anwser aber ich denke, irgendwann kann sich jemand die gleiche Frage stellen.
Weiß ich nicht, wenn vorhanden, eine andere Methode.
-- UPDATE --
Wie Sie Aussehen, können auch die
initial
undunset
Wert//zurücksetzen alle Werte
oder an einem bestimmten
{width : unset}
||{width : initial}
ja ziemlich ziemlich dumm hahaha, aber machen Sie den trick, ich weiß nicht, ob es eine bessere Methode, Ideen sind also willkommen.
InformationsquelleAutor ncubica
Verwenden Sie die
initial
- Wert oderunset
- Wert für die Eigenschaften, die Sie wiederherstellen möchten (je nachdem, wie genau Sie wiederherstellen möchten Ihnen).Diese beiden Werte können angewendet werden, um alle CSS-Eigenschaften.
Beispiel
oder
Wenn Sie wollen, um wieder alle Eigenschaften einer Regel, dann sollten Sie das
all
- SchlüsselwortBeispiel
Hinweis: Keine IE-Unterstützung für diese noch.
Verschiedene Ebenen der Unterstützung für jeden browser (siehe die verlinkten docs für details)
InformationsquelleAutor Gabriele Petrioli