Angular 如何摆脱'；大纲'；对于所有主机元素？

如果一个人做了这样的事情

卡片可以点击，但卡片周围也会有一个轮廓。在我看来，我必须设置一个额外的风格

或

要删除此。但是，如果我创建其他组件，这会变得很乏味，因为我必须设置

outline:none每次我想从外部将其设置为路由元素时

@组件({
选择器：“另一张牌”，
风格：[`
：主持人{
大纲：无；
}
`],
模板：`
`
})
导出类别另一个CardComponent{
}

我想知道是否有一种方法可以全局设置主体元素的样式


以下是几种不同的方法：

1.全球地
可以全局设置样式：

* {
  outline: none;
}

2.用于路由器链接
如果只想在使用
routerLink
时应用它，还可以使用相同的选择器创建自定义指令：

@指令({
//通过使用相同的选择器，当
//使用routerLink时无需添加任何其他内容
选择器：“[routerLink]”，
})
导出类RemoveOutlineDirective{
@主机绑定（“类。无大纲”）
public removeOutline=true；
}

与

3.外化风格
您可以创建共享的
hosts.styles.css文件，并将其包含在所有组件中：

:host {
  outline: none;
}

@组件({
选择器：“应用程序示例”，
样式URL:[“./path/to/hosts.styles.css”，“/app example.css”]，
})
导出类AppExampleComponent{}


所有这些都说，仔细考虑你是否真的想做这件事。大纲对于残疾用户或键盘用户可能很重要。删除它可能不是最好的主意，你也可以考虑将它设计成应用程序的需要。
 < P>这里有几种不同的方法：

1.全球地
可以全局设置样式：

* {
  outline: none;
}

2.用于路由器链接
如果只想在使用
routerLink
时应用它，还可以使用相同的选择器创建自定义指令：

@指令({
//通过使用相同的选择器，当
//使用routerLink时无需添加任何其他内容
选择器：“[routerLink]”，
})
导出类RemoveOutlineDirective{
@主机绑定（“类。无大纲”）
public removeOutline=true；
}

与

3.外化风格
您可以创建共享的
hosts.styles.css文件，并将其包含在所有组件中：

:host {
  outline: none;
}

@组件({
选择器：“应用程序示例”，
样式URL:[“./path/to/hosts.styles.css”，“/app example.css”]，
})
导出类AppExampleComponent{}


所有这些都说，仔细考虑你是否真的想做这件事。大纲对于残疾用户或键盘用户可能很重要。删除它可能不是最好的主意，你也可以考虑将它设计成应用程序的需要。
令人敬畏的答案，谢谢你的忠告。1用于使用
！真棒的回答，谢谢你的建议，要小心+1用于使用
！