css - Customized Scroll Bar doesn't appear on Internet Explorer -
i created customized scroll bar in css, in google chrome scroll bar displays , style created it, in internet explorer doesn't seem appearing @ all... it's appearing default scroll bar. how can make scroll bar appear on ie well?
here's jsfiddle example: http://jsfiddle.net/5wne5/
::-webkit-scrollbar{ width:6px; border-radius:10px; } ::-webkit-scrollbar-thumb{ background-color:#b03c3f; border-radius:10px; } ::-webkit-scrollbar-thumb:hover{ background-color:#bf4649; border:1px solid #333333; } ::-webkit-scrollbar-thumb:active{ background-color:#a6393d; border:1px solid #333333; } ::-webkit-scrollbar-track{ border:1px gray solid; border-radius:10px; -webkit-box-shadow:inset 0 0 6px #1f1f1f; }
-webkit-
supported safari, chrome, opera 15+ mentioned in comments.
therefore, css
not work in ie use this:
scrollbar-base-color: #c0c0c0; scrollbar-base-color: #c0c0c0; scrollbar-3dlight-color: #c0c0c0; scrollbar-highlight-color: #c0c0c0; scrollbar-track-color: #ebebeb; scrollbar-arrow-color: black; scrollbar-shadow-color: #c0c0c0; scrollbar-dark-shadow-color: #c0c0c0;
credits above code: http://codemug.com/html/custom-scrollbars-using-css/
above code doesn't work on browsers avoid use jquery.
there several js-plugins achieve same , feel ie in webkit.
Comments
Post a Comment