Fiddleसफेद कोनों वेबकिट-स्क्रॉलबार
मैं ::-webkit-scrollbar
उपयोग कर रहा हूँ क्रोम में एक कस्टम स्क्रॉलबार बनाने के लिए। यह देखने के लिए के बाद से यह एक स्क्रॉलबार है थोड़े मुश्किल है
क्षमा करें,: मैं एक border-radius: 10px
है और वह ऐसा करने में, वहाँ शीर्ष पर सफेद कोनों कर रहे हैं।
मैं चाहता हूं कि कोनों को हेडर div (#dadae3
) के समान रंग होना चाहिए। स्क्रॉलबार की शैलियों को बदलने के बिना केवल सीएसएस का उपयोग करके सफेद कोनों से छुटकारा पाने का कोई तरीका है?
सीएसएस (पूरे):
body {
padding: 0;
margin: 0
}
::-webkit-scrollbar {
width: 13px;
}
::-webkit-scrollbar-track {
background: #ffffff;
border-radius: 10px;
border: 1px solid #aeaeb5
}
::-webkit-scrollbar-thumb {
background: #dadae3;
border-radius: 10px;
border: 1px solid #aeaeb5
}
::-webkit-scrollbar-thumb:hover {
background: #c4c4cc
}
::-webkit-scrollbar-thumb:active {
background: #aeaeb5
}
HTML:
<div style='background: #dadae3; width: 100%; height: 30px;'></div>
<div style='width: 100%; height: 1000px'></div>
यह स्वीकार किया जाना चाहिए: भले ही यह 1+ साल देर हो, तो यह क्रोम 43 – Antoine
में मेरे लिए एक ही समस्या को हल करता है। भले ही मैंने इस परियोजना को त्याग दिया, फिर भी यह बहुत उपयोगी है –