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/

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

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

 

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

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

3 hours ago, afshin20 said:

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

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

 

it did not work

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

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

Спойлер

 

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

@Exception

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

@Exception

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

Exception Check private message Thank you

@Exception

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

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

Edited 5 апреля, 20241 yr by afshin20

I want it to work in all browsers, especially Firefox

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

I want it to work in all browsers, especially Firefox

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

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; }