Answers for "cambiar diseño de scroll css"

CSS
0

cambiar diseño de scroll css

.select2-results__options {
            height: 150px !important;
            overflow-y: auto !important;
        }
        .modal-body::-webkit-scrollbar {
            width: 8px !important;     /* Tamaño del scroll en vertical */
            height: 8px !important;    /* Tamaño del scroll en horizontal */
            display: none !important;  /* Ocultar scroll */
        }
        /* Ponemos un color de fondo y redondeamos las esquinas del thumb */
        .modal-body::-webkit-scrollbar-thumb {
            background: rgb(160, 29, 29) !important;
            border-radius: 4px;
        }
        /* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
        .modal-body::-webkit-scrollbar-thumb:hover {
            background: #c21a1a !important;
            box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2) !important;
        }
        /* Cambiamos el fondo cuando esté en active */
        .modal-body::-webkit-scrollbar-thumb:active {
            background-color: #c22727 !important;
        }

        /* Ponemos un color de fondo y redondeamos las esquinas del track */
        .modal-body::-webkit-scrollbar-track {
            background: #911111 !important;
            border-radius: 4px !important;
        }
        /* Cambiamos el fondo cuando esté en active o hover */
        .modal-body::-webkit-scrollbar-track:hover,
        .modal-body::-webkit-scrollbar-track:active {
        background: #490d0d !important;
        }
Posted by: Guest on March-22-2021

Code answers related to "cambiar diseño de scroll css"

Browse Popular Code Answers by Language