X
Tap here to go to the mobile version of the site.
Your Firefox is out of date and may contain a security risk! Upgrade Firefox
mozilla

Support Forum

This thread was closed. Please ask a new question if you need help.

Alternate for -webkit-scrollbar-thumb, -webkit-scrollbar-track and -webkit-scrollbar which is working fine in chrome and safari

logeshprabu
logeshprabu
Posted

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

Modified by cor-el

Chosen solution

by cor-el

You can't style scroll bars on web pages. Only extensions can do this.

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.

Read this answer in context 0

Additional System Details

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.17 (KHTML, like Gecko) Chrome/24.0.1312.40 Safari/537.17

More Information

/** i tried -moz too but its also not working.

Close
cor-el
cor-el
  • Top 10 Contributor
  • Moderator
8459 solutions 79889 answers
Posted

Chosen Solution

You can't style scroll bars on web pages. Only extensions can do this.

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.

logeshprabu
logeshprabu
Posted

Question owner

Thanks cor-el, i forward it to mozillazine and awaiting for reply.