Html 如何使单击后的焦点或边框在启动时消失

Html 如何使单击后的焦点或边框在启动时消失,html,angular,sass,primeng,Html,Angular,Sass,Primeng,我有另一个问题与底漆。我需要在点击按钮后打开边框。我尝试了很多方法: host: { ::ng-deep .ui-button-icon-only{ border: none!important; background-color: transparent!important; outline: none!important; } } 它不工作,即使我添加了:focus,与.ng star inserted和ng star ins

我有另一个问题与底漆。我需要在点击按钮后打开边框。我尝试了很多方法:

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并添加到button中,对我们没有任何影响。我有:


我说的是单击后的边框。

您需要为元素添加
框阴影:无

host: {
    ::ng-deep .ui-button:focus, ::ng-deep .ui-button:enabled:focus{
        box-shadow:none;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
    }
}
used::ng deep并向元素添加框阴影:none以消除边框

host: {
    ::ng-deep .ui-button:focus, ::ng-deep .ui-button:enabled:focus{
        box-shadow:none;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
    }
}
::ng deep body.ui按钮:已启用:焦点{
大纲:0无;
轮廓偏移量:0px;
盒影:无
}