CSSでスクロールバーをカスタマイズ
以下のコードをCSS編集の画面に貼り付けるだけで、
このブログと同じスクロールバーの色になります。
上から３つと下から３つを同じ色にすると、凹凸が無くなってかっこいいです。
HTML,BODY {
scrollbar-3dlight-color:#afeeee; /*外枠（左・上）の影の色*/
scrollbar-arrow-color:#afeeee; /*矢印の色*/
scrollbar-darkshadow-color:#afeeee; /*外枠（右・下）の色*/
scrollbar-face-color:#7b3d3f; /*バーの表面の色*/
scrollbar-highlight-color:#7b3d3f; /*ハイライトの色*/
scrollbar-shadow-color:#7b3d3f: /*影の色*/
scrollbar-base-color:; /*ベースの色*/
}
違う色にしたいっていう人は、↓のマイクロソフトのサイトでお試しください。
http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/scrollbarColor.htm
ブラックベースのホワイトラインのサンプル。
こちらもクールです。
HTML,BODY {
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-face-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-shadow-color:#000000:
scrollbar-base-color:;
}