Dokumen ini adalah terjemahan dari CSS tips & tricks - CSS: un-colored scrollbars dan mungkin terdapat kesalahan penerjemahan.

Dokumen aslinya dapat di temukan di: http://www.w3.org/Style/Examples/007/scrollbars

Penerjemah: Edwin Rene

Web Style Sheets
CSS tips & tricks

(This page uses CSS style sheets)

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.

CSS Valid CSS!Valid HTML 4.0!

Bert Bos
created 12 Oct 2001;
last updated $Date: 2007/10/27 00:47:16 $ GMT