如何在PrimeNG中点击后焦点或边框消失

Question

我对 PrimeNg 还有另一个问题。单击按钮后我需要关闭边框。我尝试了很多方法：

host: {
    ::ng-deep .ui-button-icon-only{
        border: none!important;
        background-color: transparent!important;
        outline: none!important;
    }
}

:focus即使我添加, 相同到.ng-star-inserted和，它也不起作用ng-star-inserted:focus

*:focus {
    outline: none!important;
    border: 0!important;
}

该代码片段也不起作用，创建一个名为 nofocus 的新 scss 类并将其添加到按钮给我们带来零效果。我有：

我说的是点击后的边框。

Answer 1

您需要添加box-shadow:none到元素以消失边框

:host {
    ::ng-deep .ui-button:focus, ::ng-deep .ui-button:enabled:focus{
        box-shadow:none;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
    }
}