我正在使用React编写HTML电子邮件。像任何优质的HTML电子邮件一样,我使用的是针对旧客户端(例如Microsoft Outlook)的内联样式。一些样式在渲染期间被React删除。如何添加对这些样式的支持或解决此问题?样式必须内联。
这是一个例子:
function MyComponent() {
const style = {
fontFamily: 'Arial, Helvetica, sans-serif',
msoHide: 'all'
}
return(
<div style={style}>
Some text goes here...
</div>
)
}
渲染后,mso-hide: all
样式将被删除:
<div style="font-family: Arial, Helvetica, sans-serif;">
Some text goes here...
</div>
答案 0 :(得分:0)
文档说,样式对象中特定于供应商的属性必须以大写字母开头,例如WebkitAppearance
而不是webkitAppearance
。他们还说ms
是该规则的例外。 See here。
仍然是mso
。 MsoHide
是否有效?