Comment faire un personnalisé barres de défilement dans IE?

J'ai cette belle barre de défilement qui travaille dans google Chrome, ainsi que dans les dernières versions de Safari. Est-il possible de créer le même genre de barre de défilement pour IE9+ à l'aide de pure CSS?

CSS:

.scrollbar
{
    float: left;
    height: 300px;
    background: #F5F5F5;
    overflow-y: scroll;
    margin-bottom: 25px;
}

.scrollbar-active
{
    min-height: 450px;
}

#scroll::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#scroll::-webkit-scrollbar
{
    width: 10px;
    background-color: #F5F5F5;
}

#scroll::-webkit-scrollbar-thumb
{
    background-color: #000000;
    border: 2px solid #555555;
}

HTML:

<div class="scrollbar" id="scroll">
    <div class="scrollbar-active"></div>
</div>

DÉMO: https://jsfiddle.net/7gmut6w3/2/

OriginalL'auteur Prime | 2015-04-17

  1. 27

    Ce sont les propriétés CSS que vous pouvez utiliser pour ajuster le style de IE barres de défilement:

    body{
  scrollbar-base-color: #000;
  scrollbar-face-color: #000;
  scrollbar-3dlight-color: #000;
  scrollbar-highlight-color: #000;
  scrollbar-track-color: #000;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #000;
  scrollbar-dark-shadow-color: #000;
}

    Plus d'informations peuvent être trouvées ici.

    MOT DE PRUDENCE - Réglage d'un élément naturel d'un navigateur web (comme une barre de défilement) peut introduire toutes sortes d'étranges cas de bord de l'expérience utilisateur et questions. Soyez prudent avec tous les ajustements que vous pouvez faire, de s'assurer l'avantage supplémentaire de la coutume, des barres de défilement, l'emportent sur les problèmes qui se présenteront.

    Juste pour signaler aux autres aussi bien-il semble qu'il y ait encore aucun moyen de personnalisation de la courbe/les frontières de l'IE barre de défilement. Ou de se débarrasser de haut et en bas des flèches.
    ... ou changer de couleur de pouce indépendamment de la couleur du curseur.
    Je vais croiser les yeux, ou les deux premières propriétés de la même manière?
    Il voulait base-color et face-color, les deux se réfèrent à la même chose, mais sont utilisés dans différentes versions IE.
    Mise à jour pour le visage-couleur

    OriginalL'auteur Ben Rondeau

  2. 4

    si vous définissez tous les meilleurs articles de la zone de même couleur que la piste elle - essence - masquer la flèche, mais l'espace sera toujours là.

    scrollbar-track-color:  #AAA;
scrollbar-3dlight-color:  #AAA;
scrollbar-darkshadow-color:  #AAA;
scrollbar-arrow-color:  #AAA;

    maintenant, si seulement vous pouvez ajuster la largeur pour faire la barre de défilement plus étroite!! quelqu'un a pensé que ça?

    C'est une excellente solution pour cacher le vilain Windows 8 flèches de la barre de défilement, sans code barres de défilement à partir de zéro. Merci pour le partage

    OriginalL'auteur Judy Engelsman