如果要改變捲軸顏色，CSS該怎麼寫？

2016-07-07 16:25 来源：www.chinab4c.com 作者：ecshop专家

請高手們幫忙看看 >< 謝謝
我是編輯模版的新手，以往在一般的html曾經用過以下語法：

<style type="text/css">
<!--BODY
{scrollbar-face-color:#d7c4ec;
scrollbar-highlight-color:#5e22a1;
scrollbar-shadow-color:#5e22a1;
scrollbar-3dlight-color:#b692de;
scrollbar-arrow-color:#5e22a1;
scrollbar-track-color:#d7c4ec;
scrollbar-darkshadow-color:#b692de}-->
</style>

想說在EC shop也能運用到吧！就把這後東西改成：

body {overflow: scroll;
scrollbar-highlight-color:#5e22a1;
scrollbar-shadow-color:#5e22a1;
scrollbar-3dlight-color:#b692de;
scrollbar-arrow-color:#5e22a1;
scrollbar-track-color:#d7c4ec;
scrollbar-darkshadow-color:#b692de;
}

並另存在一個名為 "scrollbar.css" 檔案裡
至於style.css裡面則加上

@import url(css/scrollbar.css);

請問我的問題出現在哪裡？正確應該如合寫？

回答：
因為你的頁面添加了DOCTYPE声明，而標準不支持卷軸的顏色定義。刪除下面的代碼既可實現，但網頁對css的解析會改變。
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
复制代码

抱歉，不太了解DOCTYPE聲明是什麼，那個對CSS有什麼影響？

我依照你的意思，把這段聲明刪除之後，我的效果沒有實現，
而且頁面上的按鈕移位，按鈕上的字也消失了
會不會是我哪個步驟出錯了？

請指點，謝謝！

P.S. 之前好像忘記提供，我進行修改的模版是Jewelry

你得給個線上頁面的連結我好分析。

或者試試把body改成html，但也只是在ie中有效。
  1. html {overflow: scroll;
  2. scrollbar-highlight-color:#5e22a1;
  3. scrollbar-shadow-color:#5e22a1;
  4. scrollbar-3dlight-color:#b692de;
  5. scrollbar-arrow-color:#5e22a1;
  6. scrollbar-track-color:#d7c4ec;
  7. scrollbar-darkshadow-color:#b692de;
  8. }
复制代码

我用你提供給我的代碼之後，效果馬上呈現於眼前了！謝謝你的幫忙~