[RISOLTO] [GDRCD 5.6.0.2] Barre di scorrimento

[RISOLTO] [GDRCD 5.6.0.2] Barre di scorrimento postato il 29/03/2022 20:22:38 nel forum programmazione, gdrcd, open source, hosting e modificato da sallys il 30/03/2022 12:20:22

Buonsalve, ho di nuovo bisogno d'aiuto e questa volta pare non ci siano errori di sorta, quindi non so più dove sbattere la testa...

Quello che sto cercando di fare è di personalizzare le barre di scorrimento.
Con firefox funziona, ma con chrome no, non so per quale motivo.
Ovviamente ho usato i due codici differenti a seconda del browser!

Quindi per chrome il codice usato è il seguente:

::-webkit-scrollbar-track-piece {background-color:rgba(0,0,0,0.3) !important;}
::-webkit-scrollbar-thumb {background-color:#AFA198 !important;}

Ho provato a metterlo in tutti i css, ma niente da fare...non lo prende in nessun modo e non mi era mai successo prima.

Qualche buona anima saprebbe aiutarmi? 😭

Sponsorizzati con noi! ↗
Sponsorizza il tuo gioco su GDR-online! Trova nuovi giocatori fra i migliaia di appassionati che ogni giorno visitano il portale!

quota

Pagine → 1

anneth

SCRIVI

GESTORE GIOCO

29/03/2022 22:06:56

Non vorrei sbagliarmi, ma credo che ci sia una qualche limitazione in merito su chrome. O almeno, ho una qualche rimembranza

https://mycharbook.it/ ↗
https://gdrcdanneth.altervista.org/ ↗
Alfa tester https://excelsiorgdr.altervista.org/ ↗

quota

gdr-online.com

SCRIVI

ADMIN

29/03/2022 22:20:14

Prova invce che "background-color:" a mettere solo "background:"

Entropia Universe ↗
Lascia che il tuo avatar esplori nuovi mondi e viaggi tra i pianeti in questo stupendo MmoRpg Sci-Fi Free to Play!

quota

exv_staff

SCRIVI

GESTORE GIOCO

29/03/2022 22:28:34

per quelle di chrome io ho usato:

::-webkit-scrollbar {
width: 8px;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
/* Track */
::-webkit-scrollbar-track
{
background: rgba(255,255,255,0.2);
-webkit-box-shadow: none;
box-shadow: none;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #351d1d;
-webkit-box-shadow: none;
box-shadow: none;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {

}

e funziona.