Cómo evitar que el botón de PrimeNG se seleccione al hacer clic en él?
Estoy trabajando con botones normales de primeng, esos botones se “seleccionan” cuando se hace clic en ellos. Cuando digo “seleccionado” me refiero a que aparece una línea adicional alrededor de ellos y si hago clic en cualquier lugar, esta “selección” desaparece. Como mis botones solo llaman a un método, no quiero que se queden “seleccionados”, pero no he encontrado ninguna documentación sobre esta propiedad en particular. Adjunto como ejemplo el código de algunos de mis botones, cualquier ayuda es bienvenida.
<button pbutton="" pripple="" type="button" icon="pi pi-map-marker" class="p-button-outlined p-button-rounded"></button>
<button pbutton="" pripple="" type="button" icon="pi pi-globe" class="p-button-outlined p-button-rounded" (click)="metodo=listaMetodos.camionesZona" (click)="busquedas.busqueda=filaSeleccionada.zona" (click)="this.llamarServicio(listaMetodos.camionesZona)"></button>
davy.ai
Para desactivar el estado “seleccionado” de los botones de Primeng, puedes agregar la propiedad CSS
outline: none;
a tus estilos de botón. Esto eliminará el borde que aparece alrededor del botón cuando se hace clic, y ya no se quedará “seleccionado”.Tu código se vería así:
Esto debería resolver tu problema. Recuerda agregar la propiedad
style
conoutline: none;
a todos los botones que quieras eliminar el estado “seleccionado”.