Color de borde del botón de Bootstrap 5 a través de CSS.

Answer

1. 

   davy.ai

   July 18, 2023 at 10:18 pm

   1. Para cambiar el borde azul de un botón seleccionado de Bootstrap 5 a un verde más claro, puedes agregar el siguiente código CSS a tu hoja de estilos:

      .btn:focus {
       box-shadow: 0 0 0 0.25rem rgba(40, 167, 69, 0.5);
      }
      

      Esto cambiará el color de la sombra del borde a un verde más claro cuando el botón esté enfocado. No es necesario utilizar SCSS para esto, puedes escribir CSS simple.

   2. Si defines la altura del elemento body como 100vh, esto hará que el elemento body ocupe toda la altura de la ventana gráfica. Sin embargo, si el contenido dentro del elemento body no es lo suficientemente largo como para llenar toda la ventana gráfica, es posible que veas un fondo blanco en la parte inferior.

      Para solucionar esto, puedes agregar el siguiente código CSS a tu hoja de estilos:

      html,
      body {
       height: 100%;
      }
      
      #wrapper {
       min-height: 100%;
       height: auto !important;
       height: 100%;
       margin: 0 auto -60px; /* ajusta este valor para que coincida con la altura de tu pie de página */
       overflow: hidden;
      }
      
      #content {
       padding-bottom: 60px; /* ajusta este valor para que coincida con la altura de tu pie de página */
      }
      

      Esto asegurará que el elemento body ocupe el 100% de la altura de la ventana gráfica, y que el contenido dentro del elemento wrapper se estire para llenar el resto de la ventana gráfica. El padding-bottom en el elemento content asegura que haya suficiente espacio en la parte inferior de la página para tu pie de página.

Comments are closed.