Mes scrollbars modifiés n'apparraissent pas partout modifiés

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Mes scrollbars modifiés n'apparraissent pas partout modifiés

Message par Sa Majesté T.M. Mer 10 Juin 2020 - 12:53

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:
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
Sa Majesté T.M.

Sa Majesté T.M.
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 10/06/2020

https://terra-mater.forumactif.com/
Sa Majesté T.M. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mes scrollbars modifiés n'apparraissent pas partout modifiés

Message par mSyx Mer 10 Juin 2020 - 13:38

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:

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ù (*)
mSyx

mSyx
****

Masculin
Messages : 394
Inscrit(e) le : 22/09/2012

https://forum.forumactif.com/
mSyx a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Mes scrollbars modifiés n'apparraissent pas partout modifiés

Message par Sa Majesté T.M. Mer 10 Juin 2020 - 14:26

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.
Sa Majesté T.M.

Sa Majesté T.M.
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 10/06/2020

https://terra-mater.forumactif.com/
Sa Majesté T.M. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mes scrollbars modifiés n'apparraissent pas partout modifiés

Message par Chacha Mer 10 Juin 2020 - 15:20

Mes scrollbars modifiés n'apparraissent pas partout modifiés 4qhGdLE
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.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69406
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum