Benutzerdefinierte Bildlaufleiste-Internet-Explorer-Problem
Habe ich eine benutzerdefinierte Bildlaufleiste erreicht, indem der code wie hier gezeigt:
::selection {
background: #333;
color: #FFF;
}
::-webkit-scrollbar {
width: 9px;
}
::-webkit-scrollbar-track {
background:#eee;
border: thin solid lightgray;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;
}
::-webkit-scrollbar-thumb {
background:#999;
border: thin solid gray;
}
Es funktioniert in Chrome, Firefox... aber Internet Explorer es funktioniert nicht
Was sollte ich hinzufügen?
- mögliche Duplikate von CSS angepasst Bildlaufleiste im div
Du musst angemeldet sein, um einen Kommentar abzugeben.
CSS angegeben werden, gelten nur für benutzerdefinierte Scrollbalken, die auf einen webkit-browser wie Chrome und Safari. Internet Explorer unterstützt nur eine begrenzte Menge der Bildlaufleiste anpassen. Finden Sie die MSDN-Referenz und diese IE scrollbar CSS-generator.
Auch Firefox unterstützt keine benutzerdefinierten scrollbars (bug-report), so dass ich nicht sicher bin, wie CSS funktioniert im Firefox an, ist es aber nicht für mich.
Wenn Sie wollen, können Sie JavaScript-basierte jScrollPane zu implementieren benutzerdefinierte scrollbars in allen Browsern, aber seien Sie gewarnt, viele Menschen hassen die user-experience auf JavaScript scrollbars, mich eingeschlossen.