css之-webkit-scrollbar_html/css_WEB-ITnose

スクロール バーのスタイルは IE でカスタマイズでき、Webkit ベースのブラウザでもそのスタイルをカスタマイズできるようになりました。キットSCロールバー{

width: 12px;

}

::-webkit-scrollbar-track {

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

border-radius: 10px;

border:1px ソリッド order-radius: 10px ;

border-radius: 10px;

背景: rgba(255,0,0,0.8) ;

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5)

}

::-webkit-scrollbar-thumb:window-inactive {

background: rgba(255) ,0,0,0.4);

}

.test{

width:100px

height:200px;

overflow:scroll;

border:1px

参考：

http://www.webkit.org/blog/363/styling-scrollbars/

http://css-tricks.com/9130-custom-scrollbars-in-webkit/

http://www.spectrum- Research.com/V2/projects_scrollbar_generator.asp