Alternate for -webkit-scrollbar-thumb, -webkit-scrollbar-track and -webkit-scrollbar which is working fine in chrome and safari
Here is my code,
li.event_list_cnt::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
background: url('/mma/sites/all/images/home/scroll-bg.png')no-repeat;
background-position:center;
-webkit-border-radius: 10px;
border-radius: 10px;
}
li.event_list_cnt::-webkit-scrollbar-thumb {
border-radius: 10px;
background: url('/mma/sites/all/images/home/scroll.gif')no-repeat;
background-position:top center;
}由cor-el于修改
被采纳的解决方案
You can't style scroll bars on web pages. Only extensions can do this.
- https://developer.mozilla.org/en-US/docs/CSS/CSS_Reference/Mozilla_Extensions
- https://developer.mozilla.org/en-US/docs/CSS/-moz-appearance
Note that you are inconsistent:
One one place (track) you use -webkit-border-radius: 10px; and border-radius: 10px; and on the other (thumb) only border-radius: 10px;
A good place to ask advice about web development is at the MozillaZine "Web Development/Standards Evangelism" forum.
The helpers at that forum are more knowledgeable about web development issues.
You need to register at the MozillaZine forum site in order to post at that forum.
所有回复 (2)
选择的解决方案
You can't style scroll bars on web pages. Only extensions can do this.
- https://developer.mozilla.org/en-US/docs/CSS/CSS_Reference/Mozilla_Extensions
- https://developer.mozilla.org/en-US/docs/CSS/-moz-appearance
Note that you are inconsistent:
One one place (track) you use -webkit-border-radius: 10px; and border-radius: 10px; and on the other (thumb) only border-radius: 10px;
A good place to ask advice about web development is at the MozillaZine "Web Development/Standards Evangelism" forum.
The helpers at that forum are more knowledgeable about web development issues.
You need to register at the MozillaZine forum site in order to post at that forum.
Thanks cor-el, i forward it to mozillazine and awaiting for reply.