2014-02-22 53 views
7

Chrome最近更新爲(版本33.0.1750.117米),我使用自定義滾動條,因爲我討厭那個白色的。此更新出來了,此代碼不再影響此瀏覽器。Google Chrome Custom.css webkit-scrollbar不再有效

::-webkit-scrollbar {height: 12px!important;width: 12px!important;background: -webkit-linear-gradient(40deg , #000000 , #1e1e1e , #000000 100%)!important;} ::-webkit-scrollbar-thumb {background-color: #840000!important;border-radius: 16px!important;} ::-webkit-scrollbar-corner {background: #0000!important;}

任何人都有一個線索他們做了什麼,最重要的是如何得到這個工作了。謝謝:)

回答

0

整個用戶樣式表(Custom.css)已損壞。我報告了一個問題(從關於頁面)。

使用像Stylish這樣的擴展並不是一個更好的選擇,因爲擴展佔用RAM,因爲有很多有用的擴展可能已經有一些了(谷歌詞典,AdBlock以及一些可以修復下載空間的內容)。因爲沒有全球風格,因此用戶腳本也是一個糟糕的選擇。我使用Custom.css來設置圖片網址和內部網址,例如chrome://settings,我不相信我可以使用userscript。

我appologize我沒有修復,但我不能評論。

+2

我使用用戶樣式進行樣式設計,昨天我發現他們發佈了更新後,它也影響了我的擴展,我需要重新發布它們。 我希望他們閱讀您的報告,因爲Custom.css很好用。對我來說,滾動條令人厭惡,在黑暗風格的網站上看到。 – cyberationmicro

+1

同意。愚蠢的混蛋去打破了一件好事。 – r3wt

6

這裏有一個解決方法,以獲取自定義的CSS早在谷歌瀏覽器:

  1. 創建一個文件夾,並調用它,說CustomCss
  2. 在文件夾中,創建一個具有以下內容稱爲manifest.json文件:

    { 
        "name": "My Style Sheet", 
        "content_scripts": [ 
         { 
          "matches": ["*://*/*"], 
          "css": ["Custom.css"] 
         } 
        ], 
        "version": "1.0.0", 
        "description": "User StyleSheet replacement", 
        "manifest_version": 2 
    } 
    
  3. 在文件夾中,從用戶樣式表文件夾複製您的Custom.css文件。
  4. 轉到chrome:// extensions
  5. 確保開發者模式被選中。
  6. 單擊[加載解壓後的擴展名...]
  7. 瀏覽到在步驟1中創建的文件夾並單擊[確定]。
  8. 鬆了一口氣。

來源:Comment #4 on Chromium Issue 340072

+0

謝謝你:) – jurchiks

0

我的Chrome瀏覽器的優化版本是34.0.1847.116米 以下樣式在我的Chrome仍在工作:

::-webkit-scrollbar { 
    width: 5px; 
    height: 5px; 
    background-color: rgba(255,255,255, 0); 
    -webkit-border-radius: 100px; 
} 
::-webkit-scrollbar:hover { 
    width: 7px; 
} 

::-webkit-scrollbar-thumb { 
    background: #FAE5F6; 
    -webkit-border-radius: 100px; 
} 

::-webkit-scrollbar-thumb:hover, 
::-webkit-scrollbar-thumb:active { 
    background: #fabae1; 
} 

檢查一次....如果仍然不能正常工作,請嘗試升級Chrome瀏覽器後...

希望它能幫助:)