Posted April 2Apr 2 comment_201987 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/
April 3Apr 3 comment_201992 این رو به css اضافه کن :root { scrollbar-color:#000 !important; scrollbar-width:thin !important; border-radius:1ex; }
April 3Apr 3 comment_201993 Все это, конечно, прикольно. Но работает далеко не во всех браузерах. А задача матёрого владельца сайта в том, чтобы добиться работоспособности во всех основных браузерах.
April 3Apr 3 Author comment_201994 3 hours ago, afshin20 said: این رو به css اضافه کن :root { scrollbar-color:#000 !important; scrollbar-width:thin !important; border-radius:1ex; } it did not work
April 3Apr 3 comment_202005 -webkit-scrollbar будет работать во всех основных браузерах с поддержкой webkit Пример: ::-webkit-scrollbar { width: 10px; background: #2a6a81; } ::-webkit-scrollbar-thumb { background: #ebeff3; border-radius: 2px; } Спойлер
April 3Apr 3 Author comment_202048 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
April 5Apr 5 comment_202128 ::-webkit-scrollbar { width: 10px; background: #2a6a81; } ::-webkit-scrollbar-thumb { background: #ebeff3; border-radius: 2px; } اگر از مرورگر فایرفاکس استفاده میکنی این کد ساپورتش نمیکنه ولی برای سایر مرورگر ها مثل کروم، و غیره ساپورت میکنه راه دیگه ایم نداره تلاش نکن webkit no support firefox Edited April 5Apr 5 by afshin20
April 5Apr 5 comment_202131 2 часа назад, avangcom сказал: I want it to work in all browsers, especially Firefox а сразу не написать? Для всех и сразу скорее всего не получится. Вот ответ - https://stackoverflow.com/questions/6165472/custom-css-scrollbar-for-firefox смотри, изучай, пробуй
April 5Apr 5 Author comment_202132 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; }
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.