css - VueJS正在删除我的!important CSS声明

我需要在电子邮件签名中放入内联！important 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。

我迷路了。有人可以告诉我解决方法吗？

最佳答案

一段时间后，我发现您必须使用“文本装饰”来工作：

linkStyle: {
    'text-decoration': 'none !important',
    color: "#334593"
}

在vue.common.js中，它达到以下这一行：

el.style.setProperty(name, val.replace(importantRE, ''), 'important');

其中name = textDecoration。在这种情况下，字符串textDecoration不起作用，应为text-decoration。

关于css - VueJS正在删除我的!important CSS声明，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48303621/