angular2 component css设置样式为全局样式

angular2 component默认把样式加载为component的局部样式,避免污染其他component。

但有时也需设置为全局样式,可以在component中添加 encapsulation: ViewEncapsulation.None

@Component({
    encapsulation: ViewEncapsulation.None,
    selector: 'page-demo',
    templateUrl: '../../../pages/demo/demo.html',
    styleUrls: [
        '../../../assets/lib/jquery-validate/jquery.validate.css'
    ]
})
export DemoComponent {

}


参考文档:https://angular.io/docs/ts/latest/guide/component-styles.html#!#view-encapsulation

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值