以下是几种不同的方法:

1全球地

可以全局设置样式:

* {
  outline: none;
}

如果你只想在 routerLink

@Directive({
  // By using the same selector, this directive is applied when
  // routerLink is used without having to add anything else
  selector: "[routerLink]",
})
export class RemoveOutlineDirective {

  @HostBinding("class.no-outline")
  public removeOutline = true;

}

具有

.no-outline {
  outline: none;
}

三。外化风格

您可以创建共享 hosts.styles.css 并将其包含在所有组件中:

:host {
  outline: none;
}

@Component({
  selector: "app-example",
  styleUrls: ["../path/to/hosts.styles.css", "./app-example.css"],
})
export class AppExampleComponent {}