为了让Angular应用全局定义的样式,可以通过在Angular组件上设置“encapsulation: ViewEncapsulation.None”来实现。这将使组件中的CSS规则透明地应用于整个应用程序。
示例代码:
@Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'], encapsulation: ViewEncapsulation.None }) export class AppComponent { title = 'my-app'; }
在上面的示例中,encapsulation选项设置为ViewEncapsulation.None,以允许组件中的CSS规则应用于整个应用程序。