PERSONALIZAR SCROLLBAR CSS

  • Resuelto magister86

    (@magister86)


    hace 10 años, 1 mes

    Buenas noches a todos,

    quería colaborar con una duda que tuve y que ahora que la he solucionado, quiero decirles como personalizar la scrollbar del navegador, sea ie, chrome, firefox, etc…

    Este código lo tienen que poner entre <head> </head> del archivo header.php del tema que estemos usando.

    Les dejo el código

    <style type=»text/css»>

    body, html {
    scrollbar-face-color:#8A0808;
    scrollbar-arrow-color:#000000;
    scrollbar-track-color:#FFFFFF;
    scrollbar-shadow-color:#000000;
    scrollbar-highlight-color:#000000;
    scrollbar-3dlight-color:#000000;
    scrollbar-darkshadow-Color:#000000;
    }

    </style>

    <style>
    ::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: #FFFFFF;
    }
    ::-webkit-scrollbar-thumb {
    background: #8A0808;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
    }
    ::-webkit-scrollbar-corner {
    background: #000;
    }
    </style>

    Luego ya es jugar un poco con los colores y demás.

    Espero que os ayude.

    Un saludo.
    Alberto.

Viendo 1 respuesta (de un total de 1)
Viendo 1 respuesta (de un total de 1)
  • El debate ‘PERSONALIZAR SCROLLBAR CSS’ está cerrado a nuevas respuestas.