Как сделать фокус или границу после исчезновения клика в 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;
}

Этот фрагментне работает, создание нового scss clss с именем nofocus и добавление к кнопке дает нам нулевой эффект.И там у меня есть:

Я говорю об этой границе после щелчка.

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