html - 如何在 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 clss 并添加到按钮给我们零效果。我有:

我说的是点击后的边框。

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;
    }
}