Mixing
webkit-scrollbar is not working in chrome
1
I have below code in my css file :
.workarea-view-scroll-wrapper::-webkit-scrollbar {
width:0px;
background: transparent;
}
When I open the page in chrome, it appears that chrome treat these width and background as "invalid property value". I am not sure what is the problem.
css webkit scrollbar
edited Jan 2 at 16:31
R Pelzer
693926
asked Jan 2 at 14:23
user3247691user3247691
62
|
show 4 more comments
1
I have below code in my css file :
.workarea-view-scroll-wrapper::-webkit-scrollbar {
width:0px;
background: transparent;
}
When I open the page in chrome, it appears that chrome treat these width and background as "invalid property value". I am not sure what is the problem.
css webkit scrollbar
edited Jan 2 at 16:31
R Pelzer
693926
asked Jan 2 at 14:23
user3247691user3247691
62
Works fine for me, you must have some other style overwriting it - that's what the crossed out usually means - keep looking down the list of styles until you find the one that is applied
– Pete
Jan 2 at 14:28
i have cross verified it. If there are some css which would have overridden this one then it should not show that yellow warning symbol. Its showing the yellow warning symbol as shown in screenshot.
– user3247691
Jan 2 at 14:30
@user3247691 can you put all the code applied on.workarea-view-scroll-wrapperinto a jsfiddle?, this would make it easier to see what happens.
– Ramon de Vries
Jan 2 at 14:32
Also if you hover over the exclamation mark, it usually tells you what the error is
– Pete
Jan 2 at 14:33
please check the scrrenshot.
– user3247691
Jan 2 at 14:34
|
show 4 more comments
1
1
1
I have below code in my css file :
.workarea-view-scroll-wrapper::-webkit-scrollbar {
width:0px;
background: transparent;
}
When I open the page in chrome, it appears that chrome treat these width and background as "invalid property value". I am not sure what is the problem.
css webkit scrollbar
edited Jan 2 at 16:31
R Pelzer
693926
asked Jan 2 at 14:23
user3247691user3247691
62
I have below code in my css file :
.workarea-view-scroll-wrapper::-webkit-scrollbar {
width:0px;
background: transparent;
}
When I open the page in chrome, it appears that chrome treat these width and background as "invalid property value". I am not sure what is the problem.
css webkit scrollbar
css webkit scrollbar
edited Jan 2 at 16:31
R Pelzer
693926
asked Jan 2 at 14:23
user3247691user3247691
62
edited Jan 2 at 16:31
R Pelzer
693926
asked Jan 2 at 14:23
user3247691user3247691
62
edited Jan 2 at 16:31
R Pelzer
693926
edited Jan 2 at 16:31
R Pelzer
693926
edited Jan 2 at 16:31
R Pelzer
693926
693926
asked Jan 2 at 14:23
user3247691user3247691
62
asked Jan 2 at 14:23
user3247691user3247691
62
asked Jan 2 at 14:23
user3247691user3247691
62
62
Works fine for me, you must have some other style overwriting it - that's what the crossed out usually means - keep looking down the list of styles until you find the one that is applied
– Pete
Jan 2 at 14:28
i have cross verified it. If there are some css which would have overridden this one then it should not show that yellow warning symbol. Its showing the yellow warning symbol as shown in screenshot.
– user3247691
Jan 2 at 14:30
@user3247691 can you put all the code applied on.workarea-view-scroll-wrapperinto a jsfiddle?, this would make it easier to see what happens.
– Ramon de Vries
Jan 2 at 14:32
Also if you hover over the exclamation mark, it usually tells you what the error is
– Pete
Jan 2 at 14:33
please check the scrrenshot.
– user3247691
Jan 2 at 14:34
|
show 4 more comments
Works fine for me, you must have some other style overwriting it - that's what the crossed out usually means - keep looking down the list of styles until you find the one that is applied
– Pete
Jan 2 at 14:28
i have cross verified it. If there are some css which would have overridden this one then it should not show that yellow warning symbol. Its showing the yellow warning symbol as shown in screenshot.
– user3247691
Jan 2 at 14:30
@user3247691 can you put all the code applied on.workarea-view-scroll-wrapperinto a jsfiddle?, this would make it easier to see what happens.
– Ramon de Vries
Jan 2 at 14:32
Also if you hover over the exclamation mark, it usually tells you what the error is
– Pete
Jan 2 at 14:33
please check the scrrenshot.
– user3247691
Jan 2 at 14:34
Works fine for me, you must have some other style overwriting it - that's what the crossed out usually means - keep looking down the list of styles until you find the one that is applied
– Pete
Jan 2 at 14:28
Works fine for me, you must have some other style overwriting it - that's what the crossed out usually means - keep looking down the list of styles until you find the one that is applied
– Pete
Jan 2 at 14:28
i have cross verified it. If there are some css which would have overridden this one then it should not show that yellow warning symbol. Its showing the yellow warning symbol as shown in screenshot.
– user3247691
Jan 2 at 14:30
i have cross verified it. If there are some css which would have overridden this one then it should not show that yellow warning symbol. Its showing the yellow warning symbol as shown in screenshot.
– user3247691
Jan 2 at 14:30
@user3247691 can you put all the code applied on
.workarea-view-scroll-wrapper into a jsfiddle?, this would make it easier to see what happens.– Ramon de Vries
Jan 2 at 14:32
@user3247691 can you put all the code applied on
.workarea-view-scroll-wrapper into a jsfiddle?, this would make it easier to see what happens.– Ramon de Vries
Jan 2 at 14:32
Also if you hover over the exclamation mark, it usually tells you what the error is
– Pete
Jan 2 at 14:33
Also if you hover over the exclamation mark, it usually tells you what the error is
– Pete
Jan 2 at 14:33
please check the scrrenshot.
– user3247691
Jan 2 at 14:34
please check the scrrenshot.
– user3247691
Jan 2 at 14:34
|
show 4 more comments
1 Answer
1
active
oldest
votes
0
but why you didn't go with # (id= ?, anyway try this :
/* width */
.workarea-view-scroll-wrapper::-webkit-scrollbar {
width: 0.1px !important;
}
/* Track */
.workarea-view-scroll-wrapper::-webkit-scrollbar-track {
background: transparent !important;
}
/* Handle */
.workarea-view-scroll-wrapper::-webkit-scrollbar-thumb {
background: transparent !important;
}
/* Handle on hover */
.workarea-view-scroll-wrapper::-webkit-scrollbar-thumb:hover {
background: transparent !important;
}answered Jan 2 at 16:47
RomerRomer
48
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54008026%2fwebkit-scrollbar-is-not-working-in-chrome%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
but why you didn't go with # (id= ?, anyway try this :
/* width */
.workarea-view-scroll-wrapper::-webkit-scrollbar {
width: 0.1px !important;
}
/* Track */
.workarea-view-scroll-wrapper::-webkit-scrollbar-track {
background: transparent !important;
}
/* Handle */
.workarea-view-scroll-wrapper::-webkit-scrollbar-thumb {
background: transparent !important;
}
/* Handle on hover */
.workarea-view-scroll-wrapper::-webkit-scrollbar-thumb:hover {
background: transparent !important;
}answered Jan 2 at 16:47
RomerRomer
48
add a comment |
0
but why you didn't go with # (id= ?, anyway try this :
/* width */
.workarea-view-scroll-wrapper::-webkit-scrollbar {
width: 0.1px !important;
}
/* Track */
.workarea-view-scroll-wrapper::-webkit-scrollbar-track {
background: transparent !important;
}
/* Handle */
.workarea-view-scroll-wrapper::-webkit-scrollbar-thumb {
background: transparent !important;
}
/* Handle on hover */
.workarea-view-scroll-wrapper::-webkit-scrollbar-thumb:hover {
background: transparent !important;
}answered Jan 2 at 16:47
RomerRomer
48
add a comment |
0
0
0
but why you didn't go with # (id= ?, anyway try this :
/* width */
.workarea-view-scroll-wrapper::-webkit-scrollbar {
width: 0.1px !important;
}
/* Track */
.workarea-view-scroll-wrapper::-webkit-scrollbar-track {
background: transparent !important;
}
/* Handle */
.workarea-view-scroll-wrapper::-webkit-scrollbar-thumb {
background: transparent !important;
}
/* Handle on hover */
.workarea-view-scroll-wrapper::-webkit-scrollbar-thumb:hover {
background: transparent !important;
}answered Jan 2 at 16:47
RomerRomer
48
but why you didn't go with # (id= ?, anyway try this :
/* width */
.workarea-view-scroll-wrapper::-webkit-scrollbar {
width: 0.1px !important;
}
/* Track */
.workarea-view-scroll-wrapper::-webkit-scrollbar-track {
background: transparent !important;
}
/* Handle */
.workarea-view-scroll-wrapper::-webkit-scrollbar-thumb {
background: transparent !important;
}
/* Handle on hover */
.workarea-view-scroll-wrapper::-webkit-scrollbar-thumb:hover {
background: transparent !important;
}/* width */
.workarea-view-scroll-wrapper::-webkit-scrollbar {
width: 0.1px !important;
}
/* Track */
.workarea-view-scroll-wrapper::-webkit-scrollbar-track {
background: transparent !important;
}
/* Handle */
.workarea-view-scroll-wrapper::-webkit-scrollbar-thumb {
background: transparent !important;
}
/* Handle on hover */
.workarea-view-scroll-wrapper::-webkit-scrollbar-thumb:hover {
background: transparent !important;
}/* width */
.workarea-view-scroll-wrapper::-webkit-scrollbar {
width: 0.1px !important;
}
/* Track */
.workarea-view-scroll-wrapper::-webkit-scrollbar-track {
background: transparent !important;
}
/* Handle */
.workarea-view-scroll-wrapper::-webkit-scrollbar-thumb {
background: transparent !important;
}
/* Handle on hover */
.workarea-view-scroll-wrapper::-webkit-scrollbar-thumb:hover {
background: transparent !important;
}answered Jan 2 at 16:47
RomerRomer
48
answered Jan 2 at 16:47
RomerRomer
48
answered Jan 2 at 16:47
RomerRomer
48
answered Jan 2 at 16:47
RomerRomer
48
48
add a comment |
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54008026%2fwebkit-scrollbar-is-not-working-in-chrome%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Works fine for me, you must have some other style overwriting it - that's what the crossed out usually means - keep looking down the list of styles until you find the one that is applied
– Pete
Jan 2 at 14:28
i have cross verified it. If there are some css which would have overridden this one then it should not show that yellow warning symbol. Its showing the yellow warning symbol as shown in screenshot.
– user3247691
Jan 2 at 14:30
@user3247691 can you put all the code applied on
.workarea-view-scroll-wrapperinto a jsfiddle?, this would make it easier to see what happens.– Ramon de Vries
Jan 2 at 14:32
Also if you hover over the exclamation mark, it usually tells you what the error is
– Pete
Jan 2 at 14:33
please check the scrrenshot.
– user3247691
Jan 2 at 14:34