Hi there. I've come to a little snag whilst working on a css file for my Firefox theme (which, btw has a thread here). I'm trying to make the scrollbar background display a different image while the actual moving part of the the scrollbar (the thumb) is active. The thing is, the code I'm using isn't working for reasons unknown to me.
Near the top of the file I have this bit of code
That is the scrollbar background in its normal state. I want the vert-bg.png to change to vert-bg-active.png when the thumb is active, so I inserted this code
As far as I can tell, there's nothing wrong with that second bit of code, but then again, I don't know much about >'s so maybe I'm way off.
So do any css junkies have any ideas?
Near the top of the file I have this bit of code
Code:
scrollbar[orient="vertical"] {
width:16px;
padding: 0px !important;
margin: 0px !important;
background: url("chrome://global/skin/scrollbar/vert-bg.png") repeat-y bottom right;
}Code:
thumb[orient="vertical"]:active > scrollbar[orient="vertical"] {
background-image: url("chrome://global/skin/scrollbar/vert-bg-active.png");
}So do any css junkies have any ideas?
Last edited by GGF0RCE (2008-01-16 20:30:20)