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;
}