2
respuestas

Duda en el CSS de ListaOpciones

En el video para quitar el borde de la etiqueta select, utilizan border: none, pero aunque yo hice igual, me sigue apareciendo con ese borde, alguien podría proporcionarme una solución por favor?

2 respuestas

¡Hola Axel! Espero que estés muy bien.

Es posible que el borde que estás viendo no sea el del elemento select, sino el de su contenedor. Para asegurarte de que estás aplicando correctamente el estilo, puedes utilizar la herramienta de inspección de elementos de tu navegador para verificar que el estilo se está aplicando correctamente.

Una posible solución es agregar la propiedad "outline: none" junto con "border: none". Esto debería solucionar el problema del borde que aún aparece en la etiqueta select.

Aquí te dejo un ejemplo de cómo debería quedar el CSS:

select {
  border: none;
  outline: none;
}

Espero que esto te ayude. ¡Un saludo!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!

Hola Marianna, gracias por la ayuda, pero aunque intenté con ambas opciones seguía viendo el margen. Después de estar un rato dentro de la consola del desarrollador y probar diferentes cosas pude solucionar ese problema agregando un border-radius, no se por que eso lo solucionó pero ya esta resuelto. De todas maneras gracias.