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

Question

我正在使用 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> ```

Answer 1

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

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

button:focus {
   border: none;
}

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

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

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

How to avoid primeng button from getting selected when clicked?

button

primeng

angular