Modificar flecha desplegable de los filtros

  • Resuelto David

    (@dvdmrnjcbssn)


    hace 1 año, 11 meses

    Tengo un apartado con filtros para filtrar los productos de la tienda. Necesito cambiar el estilo de la flecha del desplegable, pero en el inspector no consigo encontrar el arrow, para poder modificarle el estilo.

    ¿Como puedo llegar al arrow?

    Gracias

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 1 respuesta (de un total de 1)
  • Moderador almendron

    (@almendron)

    hace 1 año, 11 meses

    La flecha viene determinada por la propiedad «background» de la siguiente regla.

    select {
	border: var(--form--border-width) solid var(--form--border-color);
	color: var(--form--color-text);
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	line-height: var(--global--line-height-body);
	padding: var(--form--spacing-unit) calc(3*var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
	background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
	background-position: right var(--form--spacing-unit) top 60%;

    }

Viendo 1 respuesta (de un total de 1)
  • El debate ‘Modificar flecha desplegable de los filtros’ está cerrado a nuevas respuestas.