UTILS.
100% ब्राउज़र में

CSS स्क्रॉलबार स्टाइलर

एक कस्टम स्क्रॉलबार स्टाइल करें और ::-webkit-scrollbar CSS कॉपी करें।

इस टूल के बारे में

अपने ब्राउज़र में ही चौड़ाई, ट्रैक व थंब रंगों और कोने की त्रिज्या के साथ एक कस्टम स्क्रॉलबार डिज़ाइन करें, एक स्क्रॉल होने वाले बॉक्स में उसे लाइव देखें, फिर CSS कॉपी करें।

अक्सर पूछे जाने वाले प्रश्न

कौन-से ब्राउज़र इस स्टाइलिंग का समर्थन करते हैं?
::-webkit-scrollbar नियम Chrome, Edge और Safari में काम करते हैं; Firefox के लिए scrollbar-width और scrollbar-color फ़ॉलबैक भी शामिल है।
मैं इसे अपने एलिमेंट पर कैसे लागू करूँ?
CSS कॉपी करें और अपने स्क्रॉल होने वाले एलिमेंट को scrollbox क्लास दें, या उस सेलेक्टर को अपने सेलेक्टर से बदल दें।

और टूल