innerbar {
scrollbar-face-color: #E59E0F;
scrollbar-highlight-color: #F9AC10;
scrollbar-shadow-color: #CB8C0E;
scrollbar-3dlight-color: #CB8C0E;
scrollbar-arrow-color: #644607;
scrollbar-track-color: #CB8C0E;
scrollbar-darkshadow-color: #A3750F;
}
<div class="innerbar">
<textarea cols="70" rows="6" name="comments" tabindex="3"></textarea>
</div>
It don't work!
EDIT:
<textarea cols="70" rows="6" name="comments" tabindex="3" class="innerbar"></textarea>
doesn't work either.
How do you do this?And it won't EVER work on my browser.Hmmm... This class has no period... Hmmm.... Could that be the problem?
innerbar {
scrollbar-face-color: #E59E0F;
scrollbar-highlight-color: #F9AC10;
scrollbar-shadow-color: #CB8C0E;
scrollbar-3dlight-color: #CB8C0E;
scrollbar-arrow-color: #644607;
scrollbar-track-color: #CB8C0E;
scrollbar-darkshadow-color: #A3750F;
}
[Prepare for a rant from someone about coloured scrollbars being the devil's work].[Prepare for a rant from someone about coloured scrollbars being the devil's work].
Too late! Well as they don't have any affect whatsoever on people using real browsers (<!-- m --><a class="postlink" href="http://browsehappy.com/browsers">http://browsehappy.com/browsers</a><!-- m -->), so I never have to see them, I don't think they're that bad.Well as they don't have any affect whatsoever on people using real browsers (<!-- m --><a class="postlink" href="http://browsehappy.com/browsers">http://browsehappy.com/browsers</a><!-- m -->), so I never have to see them, I don't think they're that bad.
I know, I use firefox most of the time. But I want to do it for Ie users. innerbar {
scrollbar-face-color: #E59E0F;
scrollbar-highlight-color: #F9AC10;
scrollbar-shadow-color: #CB8C0E;
scrollbar-3dlight-color: #CB8C0E;
scrollbar-arrow-color: #644607;
scrollbar-track-color: #CB8C0E;
scrollbar-darkshadow-color: #A3750F;
}
You forgot the period before "innerbar" A class definition starts off with a period, so what you want is:
.innerbar {
scrollbar-face-color: #E59E0F;
scrollbar-highlight-color: #F9AC10;
scrollbar-shadow-color: #CB8C0E;
scrollbar-3dlight-color: #CB8C0E;
scrollbar-arrow-color: #644607;
scrollbar-track-color: #CB8C0E;
scrollbar-darkshadow-color: #A3750F;
}Well spotted.
scrollbar-face-color: #E59E0F;
scrollbar-highlight-color: #F9AC10;
scrollbar-shadow-color: #CB8C0E;
scrollbar-3dlight-color: #CB8C0E;
scrollbar-arrow-color: #644607;
scrollbar-track-color: #CB8C0E;
scrollbar-darkshadow-color: #A3750F;
}
<div class="innerbar">
<textarea cols="70" rows="6" name="comments" tabindex="3"></textarea>
</div>
It don't work!
EDIT:
<textarea cols="70" rows="6" name="comments" tabindex="3" class="innerbar"></textarea>
doesn't work either.
How do you do this?And it won't EVER work on my browser.Hmmm... This class has no period... Hmmm.... Could that be the problem?
innerbar {
scrollbar-face-color: #E59E0F;
scrollbar-highlight-color: #F9AC10;
scrollbar-shadow-color: #CB8C0E;
scrollbar-3dlight-color: #CB8C0E;
scrollbar-arrow-color: #644607;
scrollbar-track-color: #CB8C0E;
scrollbar-darkshadow-color: #A3750F;
}
[Prepare for a rant from someone about coloured scrollbars being the devil's work].[Prepare for a rant from someone about coloured scrollbars being the devil's work].
Too late! Well as they don't have any affect whatsoever on people using real browsers (<!-- m --><a class="postlink" href="http://browsehappy.com/browsers">http://browsehappy.com/browsers</a><!-- m -->), so I never have to see them, I don't think they're that bad.Well as they don't have any affect whatsoever on people using real browsers (<!-- m --><a class="postlink" href="http://browsehappy.com/browsers">http://browsehappy.com/browsers</a><!-- m -->), so I never have to see them, I don't think they're that bad.
I know, I use firefox most of the time. But I want to do it for Ie users. innerbar {
scrollbar-face-color: #E59E0F;
scrollbar-highlight-color: #F9AC10;
scrollbar-shadow-color: #CB8C0E;
scrollbar-3dlight-color: #CB8C0E;
scrollbar-arrow-color: #644607;
scrollbar-track-color: #CB8C0E;
scrollbar-darkshadow-color: #A3750F;
}
You forgot the period before "innerbar" A class definition starts off with a period, so what you want is:
.innerbar {
scrollbar-face-color: #E59E0F;
scrollbar-highlight-color: #F9AC10;
scrollbar-shadow-color: #CB8C0E;
scrollbar-3dlight-color: #CB8C0E;
scrollbar-arrow-color: #644607;
scrollbar-track-color: #CB8C0E;
scrollbar-darkshadow-color: #A3750F;
}Well spotted.