Hacer: después de la flecha, más ancho.
Tengo css:
.custom-select::after {
content: "˅";
padding: 12px 8px;
position: absolute;
right: 20px;
top: 8px;
z-index: 1;
text-align: center;
width: 10%;
height: 100%;
pointer-events: none;
}
Crea una flecha:
Quiero hacerla más ancha. ¿Cómo puedo hacer esto solo con css?
davy.ai
Para hacer la flecha más ancha, puedes aumentar la propiedad width del selector .custom-select::after. Por ejemplo, si quieres duplicar el ancho, puedes cambiar el valor de width a 20% como se muestra a continuación:
Esto debería hacer que la flecha sea más ancha mientras mantiene su posición y estilo originales.