我需要在电子邮件签名中放置内联!重要的css声明,否则Gmail不会正确显示它。
我的样式是通过:style绑定的,如果我在声明中放了!important,它就会删除那个属性。
...
linkStyle: {
"textDecoration": "none !important", //this gets autoremoved
"color": "#334593"
}
...
<a :style="linkStyle"></a>
...
只有颜色可以应用,我甚至尝试过这个:
...
<a :style="linkStyle" style="text-decoration !important"></a>
...
试图愚弄它,它确实应用了text-decoration:none
,但没有!important flag
。
我迷路了。有人能告诉我解决这个问题的办法吗?
发布于 2018-01-18 01:44:58
过了一段时间后,我发现你必须使用“文本装饰”来工作:
linkStyle: {
'text-decoration': 'none !important',
color: "#334593"
}
在vue.common.js中,它会到达这一行:
el.style.setProperty(name, val.replace(importantRE, ''), 'important');
name = textDecoration
在哪里。在这种情况下,字符串textDecoration
不起作用,应该是text-decoration
。
发布于 2018-01-18 01:24:23
如果您没有在linkStyle
中包含textDecoration
,那么您的最后一个示例可以工作:
const v = new Vue({
el: '#app',
data: {
linkStyle: {
color: "#334593"
}
},
mounted() {
document.getElementById('content').textContent = this.$el.innerHTML;
}
});
<script src="//cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.min.js"></script>
<div id="app">
<a href="#" style="text-decoration: none !important" :style="linkStyle">Whatever</a>
</div>
<code id="content">
</code>
https://stackoverflow.com/questions/48303621
复制相似问题