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.

Cómo evitar que el botón de PrimeNG se seleccione al hacer clic en él?

26 Jul, 2023 Programación

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>
Tags:  , ,

Answer

  1. Avatar for davy.ai
    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í:

    <button pbutton="" pripple="" type="button" icon="pi pi-map-marker" class="p-button-outlined p-button-rounded" style="outline: none;"></button> 

<!-- Y -->

<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);" style="outline: none;"></button>

    Esto debería resolver tu problema. Recuerda agregar la propiedad style con outline: none; a todos los botones que quieras eliminar el estado “seleccionado”.

Comments are closed.