Angular 5 - 改变身体和html5风格

时间:2018-03-22 17:58:04

标签: angular

之前曾经有过这样的工作......现在它已不再适用了。也许Angular 5上的一些概念发生了变化?我只需要设置body和html元素的样式属性。任何线索?

app.component.scss

 body, html {
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: verdana !important;
  background-color: blue;
 }

和此:

 import { Component } from '@angular/core';

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title = 'app';
}

1 个答案:

答案 0 :(得分:6)

默认情况下,所有角度样式都限定在其组件中,因此从app组件(或任何组件)内部向html / body标签添加样式将不起作用。

将这些添加到 styles.scss 文件中。或者,如果您坚持,可以尝试将其添加到@component({ ..., encapsulation: ViewEncapsulation.None })