我正在使用 Angular 加载电子邮件(通过 gmail 的 api):
<div class="email-body">
<div compile-html data-html="thread.message.body"></div>
</div>
当我这样做时,加载的电子邮件会带来影响整个网站 css 的 css 样式。
例如我的css:
.container {
width: 80%;
}
但是一封电子邮件(一旦加载)会带来以下 css:
.container {
width: 20% !important;
}
.container 的 css 被新加载的 css 覆盖。有没有一种方法可以将导入的 css 包含在一个 div (email-body
) 中?
最佳答案
这可能不是最快的方法,但可以在没有 iframe 的情况下完成工作(使用 javascript 和 jquery):
$('.email-body').find('*').each(function () {
if ($(this).css("width")) {
var setWidth = $(this).css("width");
//clearing width value
setWidth = setWidth.replace(/[^0-9]/g, '');
$(this).css("width", NEW WIDTH VALUE HERE);
}
})
如果您使用的是 Angular,您可能希望将其包装在 $timeout 中。
关于javascript - 如何在 div 中包含导入的 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28461284/