单击后如何在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;
    }
}

Answer 2

每个元素在选择后都有.p-focus类，所以你应该重写这个类。

以 inputSwitch 为例：

.p-inputswitch.p-focus .p-inputswitch-slider {
  box-shadow: none;
}