vue css内联 !important 不起作用

Question

:style="{backgroundColor: '#ccc'}" 正常，
:style="{backgroundColor: '#ccc !important'}" 不能用

请问下，!important 要怎么加？
另外请问下： 这种小驼峰写法的css怎么称呼？

Answer 1

你可以尝试不用小驼峰的写法，可以这样写

:style="{'background-color': '#ccc !important'}"

这样写就可以了。

Answer 2

style 内联 优先级已经是最高了，你要加important干什么

Answer 3

这种小驼峰写法的css怎么称呼？

答：就叫驼峰式(camelCase)
看文档与内联 style 绑定(Binding Inline Styles)如下：

v-bind:style 的对象语法是非常简单直接的 - 看起来非常像 CSS，其实它是一个 JavaScript 对象。CSS 属性名称可以使用驼峰式(camelCase)或串联式(kebab-case)（使用串联式需要加引号）