• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Zmiana kolorów scrollbar'a

VPS Starter Arubacloud
0 głosów
1,231 wizyt
pytanie zadane 21 lipca 2015 w HTML i CSS przez Eimens Maniak (69,240 p.)

Hej, chciałbym zmienić wygląd suwaków, czytałem że nie na każdej przeglądarce to działa, ale chcę powalczyć z chrome :) 

Mój  kod, który ponoć miał zmienić wygląd: 

.box-text::-webkit-scrollbar {
    width: 13px;
    height: 130px;
    -webkit-scrollbar-face-color: #ffffff;
-webkit-scrollbar-shadow-color: #2D2C4D;
-webkit-scrollbar-highlight-color:#7D7E94;
-webkit-scrollbar-3dlight-color: #7D7E94;
-webkit-scrollbar-darkshadow-color: #2D2C4D;
-webkit-scrollbar-track-color: #7D7E94;
-webkit-scrollbar-arrow-color: #C1C1D1;
}

Po zapisaniu tego i odświeżeniu strony nie pokazuje się scroll.  Jeżeli wpiszę Background: red; to cały jest czerwony. 

1 odpowiedź

+1 głos
odpowiedź 21 lipca 2015 przez DL TD Nałogowiec (36,710 p.)
wybrane 21 lipca 2015 przez Eimens
 
Najlepsza
komentarz 21 lipca 2015 przez Eimens Maniak (69,240 p.)
na chromie nie działa,

scrollbar-face-color: #367CD2;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;

Edytor tego nie czyta
komentarz 21 lipca 2015 przez DL TD Nałogowiec (36,710 p.)
dodajesz klasę flexcroll???

 

Edit: U mnie na Chrome działa O.o
komentarz 21 lipca 2015 przez DL TD Nałogowiec (36,710 p.)
Sam zobacz, zamieszczam paczkę dla ciebie z przykładową stroną ;)

https://mega.co.nz/#!FgoljYhZ!Ba_44X9x4jBcc-2GTBGRvI82lmV2Ou5_6xeYujnnYOs
komentarz 21 lipca 2015 przez Eimens Maniak (69,240 p.)

To co dałeś faktycznie działa, ale dalej: 

scrollbar-face-color: #367CD2;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;

Mogę usunąć i nic to nie zmienia, reszta kodu działa :) 

komentarz 21 lipca 2015 przez DL TD Nałogowiec (36,710 p.)

nie analizowałem tego kodu zbytnio, ale cieszę się, że działa. Możliwe, że problemem było przypisanie klasy do body, możesz zamiast tego w css zamienić klasę flexcroll na zwykłe body. Tak będzie bardziej profesjonalnie ;)

komentarz 21 lipca 2015 przez Eimens Maniak (69,240 p.)
Kombinowałem, zmieniłem jego wygląd i jest okey :)

Podobne pytania

0 głosów
0 odpowiedzi 382 wizyt
pytanie zadane 6 września 2018 w HTML i CSS przez Dawid_Predecki Obywatel (1,610 p.)
0 głosów
1 odpowiedź 117 wizyt
pytanie zadane 6 marca 2017 w JavaScript przez ShadoWs Bywalec (2,800 p.)
0 głosów
1 odpowiedź 262 wizyt
pytanie zadane 14 kwietnia 2021 w HTML i CSS przez Nearr Obywatel (1,890 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...