HTML スクロールの色を変える開発備忘録
ヘッダーに以下のスタイルを貼り付ける。
その後、好みの感じになるように色を決める。
<style type=”text/css”>
Body{
scrollbar-3dlight-color:yellow; <%--3D部分の色;--%>
scrollbar-arrow-color:green; <%--▲の色;--%>
scrollbar-darkshadow-color:gray; <%--深い影の色;--%>
scrollbar-face-color:green; <%--表面の色;--%>
scrollbar-highlight-color:white; <%--明るい部分の色;--%>
scrollbar-shadow-color:gray; <%--影の色;--%>
scrollbar-track-color:gray; <%--トラックの色;--%>
}
</style>
全体の色を指定してから個別に指定する方がいいかも。
<style type=”text/css”>
Body{
scrollbar-base-color:green;
scrollbar-3dlight-color:white;
}
</style>