# Scrollbar

**URL:** <https://forum.kirupa.com/t/scrollbar/34793>\
**Category:** Uncategorized\
**Created:** [November 6, 2003, 2:37pm UTC](https://forum.kirupa.com/t/scrollbar/34793 "2003-11-06T14:37:41Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Neo\_Geo](https://avatars.discourse-cdn.com/v4/letter/n/d2c977/32.png) [@Neo\_Geo](https://forum.kirupa.com/u/Neo_Geo)\
**Post date:** [November 6, 2003, 2:37pm UTC](https://forum.kirupa.com/t/scrollbar/34793/1 "2003-11-06T14:37:41Z")

</div>

i just setup my own website using PHP.

How can i change my grey-colored scrollbar to something like this  
[http://66.227.19.157/index.php](http://66.227.19.157/index.php)

it looks flatter and have color

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [November 6, 2003, 7:29pm UTC](https://forum.kirupa.com/t/scrollbar/34793/2 "2003-11-06T19:29:04Z")

</div>

css…look up scroll-bar: there are like 5 or 6 properties for the scroll bar css.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [November 6, 2003, 8:44pm UTC](https://forum.kirupa.com/t/scrollbar/34793/3 "2003-11-06T20:44:52Z")

</div>

note: the CSS properties for scrollbar colour only work on IE, and are not seen to be proper(ie valid) CSS by the w3c and CSS validators.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [November 7, 2003, 5:15pm UTC](https://forum.kirupa.com/t/scrollbar/34793/4 "2003-11-07T17:15:35Z")

</div>

try to add this to your \<head\>  
\<style type=“text/css”\>  
BODY {  
scrollbar-face-color: 000000;  
scrollbar-highlight-color: cccccc;  
scrollbar-3dlight-color: 333333;  
scrollbar-darkshadow-color: dddddd;  
scrollbar-shadow-color: 000000;  
scrollbar-arrow-color: 000000;  
scrollbar-track-color: 75A8D3;  
}  
\</style\>

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [November 7, 2003, 5:17pm UTC](https://forum.kirupa.com/t/scrollbar/34793/5 "2003-11-07T17:17:08Z")

</div>

replace [ by \< and add to your \<head\>  
[ style type=“text/css”\>  
BODY {  
scrollbar-face-color: 000000;  
scrollbar-highlight-color: cccccc;  
scrollbar-3dlight-color: 333333;  
scrollbar-darkshadow-color: dddddd;  
scrollbar-shadow-color: 000000;  
scrollbar-arrow-color: 000000;  
scrollbar-track-color: 75A8D3;  
}  
[/style\>