Comment changer la couleur des barres de défilement

Je veux changer la couleur des barres de défilement sur mes pages dans Internet Explorer et Firefox.

Ce code crée des barres de défilement :

<div style="overflow: auto; width: 750px; height: 400px">   
</div>

Pour changer leur couleur, j'ai essayé ce code :

<STYLE TYPE="text/css">

BODY
{
scrollbar-base-color: orange;
scrollbar-arrow-color: green;
scrollbar-DarkShadow-Color: blue;
}
</STYLE>

Le code ci-dessus est dans ma tête, mais il n'a pas changé de couleur les barres de défilement.

Quelqu'un peut-il m'aider ?

répondre #1

Tout comme d'autres l'ont dit, le CSS que vous avez affichée ne fonctionnera pas sur les navigateurs modernes (IE8, Safari, Firefox, etc.). Étant donné que vous essayez de faire défiler une div, vous, cependant, ont la possibilité de faire une barre de défilement personnalisée en Javascript/DHTML. Une rapide recherche sur Google révèle que quelques-uns ont fait juste cela comme celui-ci : http://www.hesido.com/web.php?page=customscrollbar

répondre #2

Ce code fonctionne uniquement dans Internet Explorer. Vous testez dans Firefox ou Safari par hasard ?

répondre #3

Il fonctionne dans IE5 à 7. Elle a été abandonnée dans IE8. Safari a récemment prise en charge à l'aide des propriétés css différents, que je crois.

On s'inquiète de la facilité d'utilisation avec changer la couleur de la barre de défilement.

répondre #4

Essayez ceci

*, html {
scrollbar-face-color: #FF0000;
scrollbar-shadow-color: #0000FF;
scrollbar-highlight-color: #00FF00;
scrollbar-3dlight-color: #FF00FF;
scrollbar-darkshadow-color: #00FFFF;
scrollbar-track-color: #FFFF00;
scrollbar-arrow-color: #000000;}
répondre #5

Créez une classe pour la balise div, les couleurs de la barre de défilement dans cette classe de code, puis l'appliquer à la div. Vous modifiez pas les couleurs de la barre de défilement sur le navigateur, seuls le div que vous créez. Votre div serait<div style="overflow: auto; width: 750px; height: 400px" class="className"> </div>

Dans votre classe, vous devez créer les couleurs de la barre de défilement en utilisant les noms de partie de scrollbar il y a lieu, c'est-à-dire scrollbar-face-couleur et ainsi de suite. Pour savoir quel code s'applique à quel domaine de la vérification de défilement http://iebar.discoveryvip.com/, ou vous pouvez rechercher sur le web, il y a plusieurs endroits pour cela.

répondre #6

Pour Chrome et Safari, vous pouvez modifier le style de barre de défilement à l'aide de ce code :

/* Chrome, Safari */
::-webkit-scrollbar {
width: 15px;
height: 15px;
}
::-webkit-scrollbar-track-piece  {
background-color: #C2D2E4;
}
::-webkit-scrollbar-thumb:vertical {
height: 30px;
background-color: #0A4C95;
}

Tags lesen

   
 
logo_banner