Langues

Ceci est une traduction. Elle peut avoir des erreurs ou être dépassée par rapport à la version anglaise. Traducteur(-trice): Anne-Marie Luigi

Conseils & astuces CSS pour Web Style Sheets

Voir aussi l'index de tous les conseils.

Barres de défilement non colorées

Certains anciens navigateurs (IE 8, Konqueror 3) prennent en charge les propriétés non standard 'scrollbar-shadow-color', 'scrollbar-track-color' et autres. Ces propriétés sont illégales : elles ne sont définies dans aucune spécification CSS et ne sont pas marquées comme propriétaires (en les préfixant avec "-vendor-"). Mais heureusement, vous pouvez facilement les désactiver.

Certains navigateurs plus récents (Safari, Chrome) ont un moyen différent mais non standard de changer les barres de défilement.

Pour vous assurer que les barres de défilement de votre navigateur conservent leurs couleurs normales, utilisez la user style sheet et la déclaration '!important'. La feuille de style utilisateur peut généralement être configurée via le menu options / paramètres du navigateur. Dans IE vous le trouvez sous l'onglet "Accessibilité", dans Konqueror sous l'onglet "Stylesheets".

  1. Si vous n'avez pas encore de feuille de style utilisateur, commencez par créer un nouveau fichier CSS. Vous pouvez le mettre n'importe où.
  2. Ajoutez les lignes suivantes à ce fichier de feuille de style :
    body, html {
      scrollbar-face-color: ThreeDFace !important;
      scrollbar-shadow-color: ThreeDDarkShadow !important;
      scrollbar-highlight-color: ThreeDHighlight !important;
      scrollbar-3dlight-color: ThreeDLightShadow !important;
      scrollbar-darkshadow-color: ThreeDDarkShadow !important;
      scrollbar-track-color: Scrollbar !important;
      scrollbar-arrow-color: ButtonText !important;
    }
  3. Entrez le chemin d'accès à ce fichier dans la boîte de dialogue correspondante de votre navigateur.

Ça devrait marcher. Vous devrez peut-être quitter et redémarrer le navigateur pour voir le résultat. Pour vérifier si cela a fonctionné, vous pouvez regarder un petit test que j'ai créé.

Bert Bos, coordinateur de l'activité style
Copyright © 1994–2023 W3C® Privacy policy

Created 12 Oct 2001;
Last updated lun. 11 sept. 2023 17:40:36

Langues

À propos des traductions