[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? 😭

New Orleans ↗
Tuffatevi in questa città iconica, vi aspettano un mix di culture che trovano la loro identità in questo luogo esotico, misterioso e pieno di fascino.

Pagine → 1

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/ ↗

29/03/2022 22:20:14

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

Exclusive Villa GdR ↗
Las Vegas, azzardo, vizi, soldi, intrighi... Più le sue luci sono scintillanti, più le sue ombre sono oscure. La città che non dorme mai, vi aspetta.

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.