Menu
Chrome recently updated to(Version 33.0.1750.117 m) and i was using a custom scroll bar because i hate that white one. This update came out and this code is not effecting this browser anymore.
::-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;}
Anyone have a clue what they did and most importantly how to get this working again. Thanks :)
674
Open a Chrome window. In the address bar, enter "chrome://flags," and navigate to that page. Scroll down to Overlay Scrollbars, and set the field to "Disabled."
To get Custom Scrollbars, open the extension on the Chrome Web Store within Google Chrome. Click the + Add to Chrome button on that webpage. Select the Add extensions option to confirm. If you don't see a Custom Scrollbars button on the URL toolbar after installing it, click the Extensions option.
::-webkit-scrollbar-button — the buttons on the scrollbar (arrows pointing upwards and downwards that scroll one line at a time). ::-webkit-scrollbar-thumb — the draggable scrolling handle. ::-webkit-scrollbar-track — the track (progress bar) of the scrollbar, where there is a gray bar on top of a white bar.
::-webkit-scrollbar is a pseudo-element in CSS employed to modify the look of a browser's scrollbar. Before we start with how it works and how can it be implemented, we need to know some facts about the element. Browsers like Chrome, Safari and Opera support this standard. Browsers like firefox don't support this.
Here's a workaround to get custom CSS back in Google Chrome:
CustomCss
In the folder, create a file called manifest.json with the following content:
{
"name": "My Style Sheet",
"content_scripts": [
{
"matches": ["*://*/*"],
"css": ["Custom.css"]
}
],
"version": "1.0.0",
"description": "User StyleSheet replacement",
"manifest_version": 2
}
Custom.css file from the User StyleSheets folder.Source: Comment #4 on Chromium Issue 340072
118
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
