Google Chrome Custom.css webkit-scrollbar no longer works

Question

Chrome recently updated (version 33.0.1750.117 m), and I used a custom scroll bar because I hate this white one. This update has appeared, and this code no longer works with this browser.

::-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;}

Does anyone know what they did and most importantly how to make it work again. Thanks:)

Answer 1

Here is a workaround to return custom CSS in Google Chrome:

• Create a folder and call it, say CustomCss

• In the folder, create a file called manifest.json with the following contents:

   { "name": "My Style Sheet", "content_scripts": [ { "matches": ["*://*/*"], "css": ["Custom.css"] } ], "version": "1.0.0", "description": "User StyleSheet replacement", "manifest_version": 2 } 

• In the folder, copy the Custom.css file from the User StyleSheets folder.
• Go to chrome: // extensions
• Make sure developer mode is set.
• Click [Download Unpacked Extension ...]
• Locate the folder created in step 1 and click [OK].
• Breathe a sigh of relief.

Source: Comment No. 4 on Chromium 340072

Answer 2

The entire user style sheet ( Custom.css ) is broken. I reported a problem (on the About page).

Using an extension such as Stylish is not the best option, since the extensions take up RAM, and since there are so many useful ones, you will have a few already (Google Dictionary, AdBlock and something to fix the “Download” shelf). Custom scripts are also a bad choice because there are no global styles. I use Custom.css to create image URLs and internal URLs such as chrome://settings , which I suppose I can't do with custom scripts.

I claim that I do not have a fix, but I can not comment.

Answer 3

My browser browser is Chrome 34.0.1847.116 m. The following styles still work on my 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; } 

Check once .... If still not working, try updating chrome ...

Hope this helps :)