How to change the shape of the scroll??

[avangcom]

Hello
I want to change and beautify the IPS scrolls
Thank you for your guidance
I saw an example, if we can implement a plan like this, it would be great

https://onaircode.com/html-css-custom-scrollbar-examples/

[afshin20]

این رو به css  اضافه کن 
 

:root {
 scrollbar-color:#000 !important;
 scrollbar-width:thin !important;
 border-radius:1ex;
}

 

[Zero108]

Все это, конечно, прикольно. Но работает далеко не во всех браузерах.

А задача матёрого владельца сайта в том, чтобы добиться работоспособности во всех основных браузерах.

[avangcom]

3 hours ago, afshin20 said:

این رو به css  اضافه کن 
 

:root {
 scrollbar-color:#000 !important;
 scrollbar-width:thin !important;
 border-radius:1ex;
}

 

it did not work

[Exception]

-webkit-scrollbar будет работать во всех основных браузерах с поддержкой webkit
Пример:

::-webkit-scrollbar {
    width: 10px;
    background: #2a6a81;
}
::-webkit-scrollbar-thumb {
    background: #ebeff3;
    border-radius: 2px;
}

Спойлер

 

[avangcom]

2 hours ago, Exception said:

-webkit-scrollbar будет работать во всех основных браузерах с поддержкой webkit
Пример:

::-webkit-scrollbar {
    width: 10px;
    background: #2a6a81;
}
::-webkit-scrollbar-thumb {
    background: #ebeff3;
    border-radius: 2px;
}

  Hide contents

 

thank you
I also put this code in custom.css, but it didn't work

[avangcom]

@Exception

[Exception]

20 минут назад, avangcom сказал:

@Exception

всё работает 👍

[avangcom]

Exception Check private message Thank you

[avangcom]

@Exception

[afshin20]

::-webkit-scrollbar {
    width: 10px;
    background: #2a6a81;
}
::-webkit-scrollbar-thumb {
    background: #ebeff3;
    border-radius: 2px;
}

 اگر از مرورگر فایرفاکس استفاده میکنی این کد ساپورتش نمیکنه
ولی برای سایر مرورگر ها مثل کروم، و غیره ساپورت میکنه 
راه دیگه ایم نداره تلاش نکن
webkit no support firefox

Изменено 5 апреля пользователем afshin20

[avangcom]

I want it to work in all browsers, especially Firefox

[Exception]

2 часа назад, avangcom сказал:

I want it to work in all browsers, especially Firefox

а сразу не написать? Для всех и сразу скорее всего не получится. Вот ответ - https://stackoverflow.com/questions/6165472/custom-css-scrollbar-for-firefox
смотри, изучай, пробуй

[avangcom]

tested Ok

html {   /* For Firefox */   overflow-y: scroll;   scrollbar-color: #008de4 #0d3b97;   scrollbar-width: thin; }  /* For Chrome and other browsers except Firefox */ body::-webkit-scrollbar {     width: 0.5em;     background-color: #0d3b97; } body::-webkit-scrollbar-thumb {     background-color: #008de4; }