Web Style Sheets
CSS tips & tricks

scrollbar tak berwarna

Beberapa browsers (IE, Konqueror) baru baru saja mulai mendukung properti yang tidak standar  'scrollbar-shadow-color', 'scrollbar-track-color' dan yang lainnya. Properti-properti ini melanggar aturan: properti tersebut tidak didefinisikan didalam spesifikasi CSS ataupun di tandai oleh pemiliknya (dengan menambah kata "-vendor-" di depannya). Tapi untungnya anda bisa mematikan perperti tersebut.

Untuk memastikan bahwa scrollbar di browser anda tetap pada warnanya yang normal, anda menggunakan user style sheet dan deklarasi '!important'. User style sheet dapat di konfigurasi melalui options/settings menu pada browser. Di IE anda dapat menemukannya pada tab "Accessibility", di Konqueror pada tab"Stylesheets".

1. Bila anda masih belum memiliki sebuah user style sheet, mulailah dengan membuah sebuah file CSS. Anda dapat menempatkannya di mana saja.
2. Tambahkan baris berikut pada file style sheet ini:

   body, html {
     scrollbar-face-color: ThreeDFace !important;
     scrollbar-shadow-color: ThreeDDarkShadow !important;
     scrollbar-highlight-color: ThreeDHighlight !important;
     scrollbar-3dlight-color: ThreeDLightShadow !important;
     scrollbar-darkshadow-color: ThreeDDarkShadow !important;
     scrollbar-track-color: Scrollbar !important;
     scrollbar-arrow-color: ButtonText !important;
   }

3. Masukkan letak file ini pada boks dialog yang sesuai pada browser anda.

Hal ini akan melakukan trik tersebut. Anda bisa mematikan dan menyalakan kembali browser tersebut untuk melihat efeknya. Untuk memeriksa apakah hal tersebut berhasil, anda dapat melihat pada sebuah tes kecil yang telah saya buat.