VueJS正在删除my !important CSS声明
VueJS正在删除my !important CSS声明
提问于 2018-01-17 22:36:16
我需要在电子邮件签名中放置内联！重要的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。
我迷路了。有人能告诉我解决这个问题的办法吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 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。
Stack Overflow用户
发布于 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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48303621
复制相关文章
相似问题