28106 sujets

CSS et mise en forme, CSS3

Bonjour a tous,

Voila j'ai modifié mon CSS pour avoir une scrollbar personnalisée. Le code ci-dessous me permet de la personnalisée sur Safari et Chrome :
::-webkit-scrollbar { width:10px; }
::-webkit-scrollbar-track { background-color:#000000; }
::-webkit-scrollbar-thumb { background-color:rgba(255, 255, 255, 0.5); }
::-webkit-scrollbar-button { background-color:#7c2929; }
::-webkit-scrollbar-corner { background-color:#000000; }

Mon problème :
Sur Firefox (version 30.0). Mon client et moi-même voyons deux résultats totalement différents sur FF (CF image ci-dessous). La différence c'est nos systèmes d'exploitation.
Moi : Mac OS X 10.9.3 / Mon client : Mac OS X 10.6.8

Ma question :
Savez-vous s'il existe une solution en CSS (media queries?) afin de personnaliser le fond bleu de la scroll bar sur Firefox ? Ou suis-je obligée d'utiliser jQuery ?

http://www.alchemy-concept.com/exemple.jpg
Modifié par fanny95 (08 Jul 2014 - 09:38)
Je sais que ce post date un peu, mais si ça peut aider quelqu'un :
Cette fonctionnalité n'est supportée que par les moteurs webkit et blink. Ce qui signifie que ça fonctionnera sur opera, chrome, safari, ios, android... mais ni sur firefox ni sur internet explorer.
A noter que ce n'est pas une recommandation officielle et que cette fonctionnalité est susceptible d'évoluer voire de disparaître, donc attention Smiley cligne
Il ne reste donc que javascript pour résoudre cette problématique.
Merci du partage au passage Smiley smile
Modifié par neovea (24 May 2017 - 17:26)