내 스크롤바의 CSS를 변경하고 싶습니까?

Question

CSS를 사용하여 내 스크롤바 디자인을 변경하고 싶습니다. 나는이 CSS를 사용하지만 그것은 단지

<style> 

::-webkit-scrollbar { 
    width: 12px; 
} 

::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px; 
} 

::-webkit-scrollbar-thumb { 
    border-radius: 10px; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
} 
</style> 

내가 CSS를 사용하여 파이어 폭스에서 내 스크롤 막대를 변경하는 방법 말해, 크롬에 적용됩니다. 사전

Answer 1

에서

덕분에 당신은 당신이 어떤 (jQuery를) 플러그인을 사용할 필요가 스크롤 크로스 브라우저의 스타일을 변경합니다. 나는이 하나를 사용한다. http://areaaperta.com/nicescroll/demo.html 그것은 크로스 브라우저 호환이 가능하고 구현하기 쉽다.

또한 큰 일이 http://jscrollpane.kelvinluck.com/#examples

입니다 그리고 여기 당신이 찾을 수 있습니다 더 http://www.jqueryrain.com/2012/07/jquery-scrollbar-plugin-examples/

Answer 2

당신이 -webkit-의 intead -moz- 넣어 CSS를 사용하여 모질라에서 변경하고자하는 경우에는, 예를 들면 :

-moz-scrollbar {width : 12px; }

-webkit-는 크롬과 사파리, -moz-는 firefox, -o-는 오페라, -ms-는 IE에서 작동합니다.

당신이 모든 브라우저에서 예를 들면 작동하도록 4 개 라인을 넣어야 할 것 같다

-webkit-scrollbar {width: 12px;}<br/> 
-o-scrollbar {width: 12px;}<br/> 
-moz-scrollbar {width: 12px;}<br/> 
-ms-scrollbar {width: 12px;}<br/>