Mes scrollbars modifiés n'apparraissent pas partout modifiés
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Mes scrollbars modifiés n'apparraissent pas partout modifiés
Bonjour à tous, merci d'être là,
C'est la toute première fois que je fais appel au forum d'aide. J'essaie depuis toujours de me débrouiller tout seul. Jusqu'ici ça marchait !
Mon problème est simple et sera sans doute vite résolu.
J'ai trouvé un codage CSS pour changer l'apsect des ascenseurs:
C'est la toute première fois que je fais appel au forum d'aide. J'essaie depuis toujours de me débrouiller tout seul. Jusqu'ici ça marchait !
Mon problème est simple et sera sans doute vite résolu.
J'ai trouvé un codage CSS pour changer l'apsect des ascenseurs:
- Code:
/* scrollbar styling non-standard version */
html::-webkit-scrollbar {
width: 2rem;
background-color: rgba(0,0,0,.15);
}
html::-webkit-scrollbar-thumb {
background: #000;
}
/* scrollbar styling standard version */
html {
scrollbar-color: #000 rgba(0,0,0,.15);
scrollbar-width: thin;
}
qui foctionne très bien il s'affiche sur ma page générale:
- Spoiler:
Vous voyez tout à droite mon ascenceur modifié (oui en jaune) et au centre, dans ma page en-tête perso html, il reste comme avant. Idem dans les posts de ceux qui utilisent du html, et la foncton "overflow: auto" dans leurs messages.
Je voudrais compendre pourquoi et faire en sorte que la modification qui affecte la première page s'applique à tout le reste aussi.
Merci beaucoup.
Dernière édition par Sa Majesté T.M. le Mer 10 Juin 2020 - 14:26, édité 1 fois
Re: Mes scrollbars modifiés n'apparraissent pas partout modifiés
Hello o/
C'est assez particulier, mais il n'y a pas besoin de sélecteur pour changer la scrollbar (en webkit du moins). Pour les navigateurs non-webkit, tu as bien fait mais on peut aussi faire un petit ajout pour s'assurer que le tout fonctionne correctement:
- Pour html::-webkit-scrollbar , on enlève le html pour que la scrollbar soit modifiée absolument partout (ça ne fonctionne pas sur tout; -webkit-scrollbar est l'une des particularités
- Pour html {, on ajoute un sélecteur universel au cas où (*)
C'est assez particulier, mais il n'y a pas besoin de sélecteur pour changer la scrollbar (en webkit du moins). Pour les navigateurs non-webkit, tu as bien fait mais on peut aussi faire un petit ajout pour s'assurer que le tout fonctionne correctement:
- Code:
/* scrollbar styling non-standard version */
::-webkit-scrollbar {
width: 2rem;
background-color: rgba(0,0,0,.15);
}
::-webkit-scrollbar-thumb {
background: #000;
}
/* scrollbar styling standard version */
html, * {
scrollbar-color: #000 rgba(0,0,0,.15);
scrollbar-width: thin;
}
- Pour html::-webkit-scrollbar , on enlève le html pour que la scrollbar soit modifiée absolument partout (ça ne fonctionne pas sur tout; -webkit-scrollbar est l'une des particularités
- Pour html {, on ajoute un sélecteur universel au cas où (*)
Re: Mes scrollbars modifiés n'apparraissent pas partout modifiés
C'est exactement ça ! C'est parfait. Merci beaucoup mSyx. Réponse efficace et rapide.. bravo. Dès que j'ai retiré les deux "html" tout s'est affiché comme il faut.
Re: Mes scrollbars modifiés n'apparraissent pas partout modifiés
Bienvenue sur le forum de support de Forumactif Bonjour,Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse. |
Sujets similaires
» forum extra lent, pub partout et soulignements "by costmint" partout ...
» Scrollbars personnalisées sous chrome.
» Catégories modifiés.
» modifier toutes les scrollbars (via script)
» (#330) des code partout
» Scrollbars personnalisées sous chrome.
» Catégories modifiés.
» modifier toutes les scrollbars (via script)
» (#330) des code partout
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum