单击时如何避免选择primeng按钮？答案

【问题标题】：How to avoid primeng button from getting selected when clicked?单击时如何避免选择primeng按钮？
【发布时间】：2022-01-22 21:02:46
【问题描述】：

我正在使用来自 primeng 的普通按钮，这些按钮在单击时会被“选中”。当我说“选择”时，我的意思是在它们周围出现了一些额外的线，如果我点击任何地方，这个“选择”就会消失。由于我的按钮只调用一个方法，我不希望它们保持“选中”状态，但我还没有找到任何关于这个特定属性的文档。我附上我的一些按钮的代码作为示例，欢迎任何帮助。

            
        </button> &nbsp; <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> ```

【问题讨论】：

标签： angular button primeng

【解决方案1】：

这是因为按钮变得有焦点（这是 HTML 中的正常行为）。

如果您只想避免按钮周围的额外边框，那么像这样的 css-Rule 可能会有所帮助：

button:focus {
   border: none;
}

我不知道primeng按钮的css设置，可能不是边框而是轮廓或阴影。在这种情况下，css 规则应如下所示：

button:focus {
   outline: none;
   box-shadow: none;
}

【讨论】：

以防万一有人想知道，这是第二种方式。谢谢！