Is it possible? (CSS)

Shannon · Jul 10, 2003

Here is a simple CSS code that you put in between the <head> and </head> tags in your source code to change the colour of the IE scrollbar:

Code:

<style>

<!--
body {
scrollbar-face-color: #xxxxxx;
scrollbar-shadow-color: #xxxxxx;
scrollbar-highlight-color: #xxxxxx;
scrollbar-3dlight-color: #xxxxxx;
scrollbar-darkshadow-color: #xxxxxx;
scrollbar-track-color: #xxxxxx;
scrollbar-arrow-color: #xxxxxx;
}
-->

</style>

One thing has got me stumped though. I've been trying to put this code into an external CSS style sheet, so then I can just link to the style sheet instead of having to edit each scrollbar seperately. I've tried, and tried and tried with no luck. Alas, I come to GTP for help.

First of all, is it possible to put this in an external style sheet and if so, how may I go about doing this?

GilesGuthrie · Jul 10, 2003

Um. I don't see why not. Why don't you manually edit the CSS file?

Shannon · Jul 10, 2003

Originally posted by GilesGuthrie
Um. I don't see why not. Why don't you manually edit the CSS file?

I have, but I can't get it to work. And, if I put it in an external sheet, I'd need to use a class to activate the CSS.

GilesGuthrie · Jul 10, 2003

Oh, OK. Fair enough. Since the scrollbar control is (or was) IE-only, I haven't bothered with it.

KosmikFool · Jul 10, 2003

Meh. Never got into CSS. Never really interested me. Anyway, I can do all the stuff I want to with plain HTML or XHTML.

rjensen11 · Jul 10, 2003

Here's what I have for my CSS:

HEAD
{
cursor: crosshair;
}
BODY
{
scrollbar-base-color: #1B0CAA;
scrollbar-arrow-color: #80FFFF;
background : #7F0000;
color : #FFFFFF;
cursor: crosshair;
}
A{
color: #FFFFFF;
}

That's in a separate file, but it should work. For loading my CSS file, I have this in the HEAD section:
<link rel="stylesheet" href="css/css1.css"></style>

kideng · Jul 11, 2003

http://www.kidengineer.com/test/test1.html
http://www.kidengineer.com/test/test2.html
The first one is with the style tag, the second one is using a CSS.
kideng

rjensen11 · Jul 11, 2003

Both work for me(IE6.0.2800.1106)

KosmikFool · Jul 11, 2003

Same.

TurboSmoke · Aug 4, 2003

Code:
Originally posted by Shannon
Here is a simple CSS code that you put in between the <head> and </head> tags in your source code to change the colour of the IE scrollbar:

Code:

<style>  </style>

One thing has got me stumped though. I've been trying to put this code into an external CSS style sheet, so then I can just link to the style sheet instead of having to edit each scrollbar seperately. I've tried, and tried and tried with no luck. Alas, I come to GTP for help.

First of all, is it possible to put this in an external style sheet and if so, how may I go about doing this?

in order to use this in an external style sheet you'll have to put it within a class such as:

.window {scrollbar-face-color: #xxxxxx;
scrollbar-shadow-color: #xxxxxx;
scrollbar-highlight-color: #xxxxxx;
scrollbar-3dlight-color: #xxxxxx;
scrollbar-darkshadow-color: #xxxxxx;
scrollbar-track-color: #xxxxxx;
scrollbar-arrow-color: #xxxxxx;
}

then refer to it in your html when you want to use it as follows:

<tag class="window">

Is it possible? (CSS)

Shannon

GilesGuthrie

Shannon

GilesGuthrie

KosmikFool

rjensen11

kideng

rjensen11

KosmikFool

TurboSmoke

Similar threads

Latest Posts