我有一个子组件，它有几个带有以下CSS属性的选项卡：
a {
padding: 7px 14px;
display: inline-block;
text-align: center;
text-decoration: none;
cursor: pointer;
&:hover,
&:focus {
background-color: pink;
border-bottom: 2px solid red;
}
}
当我点击后退按钮时，它会返回到上一个选择的选项卡，这很好，但是焦点不会从当前的选项卡中移除，除非我点击屏幕的任何其他部分。
如何去除焦点？
我想，我有一个不同的解决方案，您可以使用document和id来设置您的navigate back。下面是示例代码=>
HTML:
<input id="abc">
<button (click)="mySetDefaultFocus()">Set Focus</button>
TS：
mySetDefaultFocus(){
document.getElementById(`abc`).focus();
}
注意：您可以在navigate change或nginit上调用mysetdefaultfocus方法。
