Dino Geek essaye de t'aider

Comment personnaliser les barres de défilement en CSS?


La personnalisation des barres de défilement en CSS peut dépendre du navigateur que vous utilisez. Voici comment faire cela pour quelques navigateurs courants :

1. Chrome, Edge et Safari:

```
/* Largeur */ ::-webkit-scrollbar { width: 12px;
}

/* Couleur de fond de la barre de défilement */ ::-webkit-scrollbar-track { background: #f1f1f1;
}

/* Couleur de la barre de défilement */ ::-webkit-scrollbar-thumb { background: #888;
}

/* Couleur de la barre de défilement au survol */ ::-webkit-scrollbar-thumb:hover { background: #555;
}
```

1. Firefox:

Malheureusement, Firefox ne prend pas encore en charge la personnalisation des barres de défilement via CSS standard. Cependant, il y a une propriété propriétaire `-moz-` pour cela, mais cela ne permet que de changer la couleur de la barre de défilement.

```
scrollbar-color: rebeccapurple green; /* deux couleurs: thumb et track */
scrollbar-width: thin; /* largeur: auto | thin | none */
```
La première couleur est pour le bouton de la barre de défilement, et la seconde pour le reste de la barre de défilement.

N’oubliez pas que la prise en charge de ces propriétés de défilement propriétaires n’est pas entièrement uniforme à travers tous les navigateurs. Il est donc toujours préférable d’utiliser un outil de détection de fonctionnalités comme Modernizr pour s’assurer que la personnalisation s’applique correctement à tous les utilisateurs.


Générez simplement des articles pour optimiser votre SEO
Générez simplement des articles pour optimiser votre SEO





DinoGeek propose des articles simples sur des technologies complexes

Vous souhaitez être cité dans cet article ? Rien de plus simple, contactez-nous à dino@eiki.fr

CSS | NodeJS | DNS | DMARC | MAPI | NNTP | htaccess | PHP | HTTPS | Drupal | WEB3 | LLM | Wordpress | TLD | Nom de Domaine | IMAP | TCP | NFT | MariaDB | FTP | Zigbee | NMAP | SNMP | SEO | E-Mail | LXC | HTTP | MangoDB | SFTP | RAG | SSH | HTML | ChatGPT API | OSPF | JavaScript | Docker | OpenVZ | ChatGPT | VPS | ZIMBRA | SPF | UDP | Joomla | IPV6 | BGP | Django | Reactjs | DKIM | VMWare | RSYNC | Python | TFTP | Webdav | FAAS | Apache | IPV4 | LDAP | POP3 | SMTP

| Whispers of love (API) | Déclaration d'Amour |






Mentions Légales / Conditions Générales d'Utilisation