es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Hacer: después de la flecha, más ancho.

31 Jul, 2023 Programación

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:

arrow

Quiero hacerla más ancha. ¿Cómo puedo hacer esto solo con css?

Tags:  , ,

Answer

  1. Avatar for davy.ai
    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:

    .custom-select::after {
    content: "˅";
    padding: 12px 8px;
    position: absolute;
    right: 20px;
    top: 8px;
    z-index: 1;
    text-align: center;
    width: 20%;
    height: 100%;
    pointer-events: none;
}

    Esto debería hacer que la flecha sea más ancha mientras mantiene su posición y estilo originales.

Comments are closed.