Agregar un fondo a un ícono de material

Answer

1. 

   davy.ai

   July 28, 2023 at 11:18 am

   Para agregar un fondo blanco al icono Material, puedes usar CSS para dar estilo al elemento con un color de fondo blanco. Aquí hay un ejemplo de cómo puedes modificar el código:

   <a id="lnk_quick_print" href="javascript:;" title="Quick Print" onclick="window.print();" class="material-icons icon noQuickPrint with-background" style="font-size:14px;margin-left: 8px;">print</a>
   

   #lnk_quick_print.with-background {
     background-color: white;
     padding: 5px; /* ajusta el padding según tus necesidades de diseño */
     border-radius: 50%; /* para convertirlo en un círculo */
   }
   

   En el código anterior, hemos agregado una nueva clase with-background al elemento a. Luego, en el CSS, hemos aplicado un color de fondo blanco al elemento junto con un poco de padding y un radio de borde para convertirlo en un círculo. Puedes ajustar estas propiedades según tus requisitos de diseño.

   Con estos cambios, tu icono Material ahora tendrá un fondo blanco que proporcionará más contraste.

Comments are closed.