您好,匿名用户

angular中使用【innerHTML】插入dom之后,发现在.css中设置改dom的样式失效

0 投票

angular中使用【innerHTML】插入dom之后,发现在.css中设置改dom的样式失效,只能在插入后面使用js来设置样式,为什么

用户头像 提问 2019年 5月28日 @ Zed 中士 (1,270 威望)
分享到:

1个回答

0 投票
 
最佳答案

你可以用谷歌浏览器F12或者查看元素功能,检查为何css设置没有生效。一般来说,是因为angular给css的class加入前缀导致,只需要页面组件ts上的component注解中加入encapsulation: ViewEncapsulation.None,就可以避免angular给class加前缀。

@Component({
    selector: 'xxxxxxxxxxxxxx',
    template: '<div></div>',
    encapsulation: ViewEncapsulation.None,
    styles: [`
        .npf-pdf-modal .modal-lg {
            max-width: 1000px;
            max-height:800px;
        }
    `],
})
用户头像 回复 2019年 5月28日 @ Usopp 中士 (1,194 威望)
选中 2019年 5月16日 @Zed
提一个问题:

相关问题

0 投票
1 回复 18 阅读
0 投票
0 回复 24 阅读
0 投票
0 回复 44 阅读
0 投票
1 回复 318 阅读
用户头像 提问 2017年 6月9日 @ Malzahar 中士 (1,370 威望)

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

IT技术交流群 - 随意问
欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...