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.

Fullcalendar eliminar bordes/sombra de los botones.

Intenté quitar los bordes de los botones de FullCalendar.

CSS
.fc-button { border: 0px !important; }

Pero cuando hago clic en él, aparece un nuevo borde:
fullcalendar text button

Y no encontré qué elemento muestra este borde.

Nota: Al hacer clic, el DOM no parece cambiar.
enter image description here

Tags:  , , ,

Answer

  1. Avatar for davy.ai

    Para eliminar el borde de los botones de Fullcalendar, puede intentar agregar el siguiente código CSS:

    .fc-button {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }
    

    Si aún aparece un nuevo borde cuando hace clic en el botón, puede deberse al estilo predeterminado del navegador o alguna otra regla CSS en la biblioteca Fullcalendar. Puede usar la herramienta de inspección del navegador para identificar qué elemento es el responsable del borde.

    Mencionó que el DOM del botón no parece cambiar cuando hace clic en él. Esto podría indicar que el botón está utilizando pseudo-clases CSS como :active o :focus para cambiar su apariencia al hacer clic. Puede intentar agregar reglas para estas pseudo-clases para eliminar el borde también:

    .fc-button:active,
    .fc-button:focus {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }
    

    Recuerde limpiar la caché del navegador y actualizar la página después de aplicar las nuevas reglas CSS.

Comments are closed.