“CSS de barra de desplazamiento personalizado” Código de respuesta

barra de desplazamiento personalizado

body::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}
body::-webkit-scrollbar-track {
  background: orange;        /* color of the tracking area */
}
body::-webkit-scrollbar-thumb {
  background-color: blue;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid orange;  /* creates padding around scroll thumb */
}
Elated Eagle

CSS Editar barra de desplazamiento

::-webkit-scrollbar{width:6px;border-left:1px solid #E6ECF8;}
::-webkit-scrollbar-thumb{background-color:#d6872c;}
Doubtful Dog

CSS de barra de desplazamiento personalizado

/* transparent scrollbar */
div::-webkit-scrollbar {
  width: 12px;
}

div::-webkit-scrollbar-thumb {
  border: 2px solid #ffffff2f;
  border-radius: 20px;
}
shahul

barra de desplazamiento personalizado CSS

::-webkit-scrollbar { } /* Entrie scrollbar*/
::-webkit-scrollbar-track { } /* Scrollbar track */
::-webkit-scrollbar-thumb { } /* Scrollbar thumb */
Code Cat

Barra de desplazamiento personalizado CSS


body::-webkit-scrollbar {
    @apply w-[10px] bg-[#0b1120];
}
body::-webkit-scrollbar-track {
    @apply bg-slate-200 dark:bg-[#0B1120];
}
body::-webkit-scrollbar-thumb {
    @apply rounded-xl bg-gray-600 dark:bg-slate-700;
}
Condemned Cat

barra de desplazamiento de estilo

/* Chrome, safari */
*::-webkit-scrollbar {
	width: 8px;
}

*::-webkit-scrollbar-thumb {
	background-color: gray;
}

/* Firefox */
.selector {
		scrollbar-width: none;
	}
Runtime Terror

Respuestas similares a “CSS de barra de desplazamiento personalizado”

Preguntas similares a “CSS de barra de desplazamiento personalizado”

Más respuestas relacionadas con “CSS de barra de desplazamiento personalizado” en CSS

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código