瀏覽器對於 CSS 的支援不盡相同，網頁應預先於數種不同的瀏覽器測試
<html><head>
<style type=text/css>
<!--
body {
scrollbar-arrow-color: #699EC7; /*--此是針對瀏覽器的捲軸上下指標做顏色設定--*/
scrollbar-face-color: Blue;/*--此是針對瀏覽器的捲軸介面做顏色設定--*/
}
-->
</style> </head>
<body><h1> 哈哈哈！捲軸會變色唷～ </h1></body>
</html>
和捲軸相關的樣式設定還有下面這幾項：
scrollbar-3dlight-color:#ffd700; /*--十六進位色碼，請參考配色表--*/
scrollbar-arrow-color:#ff0;
scrollbar-base-color:#ff6347;
scrollbar-darkshadow-color:#ffa500;
scrollbar-face-color:#008080;
scrollbar-highlight-color:#ff69b4;
scrollbar-shadow-color:#f0f;
scrollbar-track-color:#800080;
如是以上的樣式，倘若對瀏覽器捲軸的樣式沒有改變，可以試試下面的程式段：
<html>
<head>
<script type="text/javascript">
function setScrollbarColor()
{
document.body.style.scrollbarBaseColor="green";
}
</script>
</head>
<body onload="setScrollbarColor()" >
</body>
</html>
發表文章
沒有留言:
張貼留言