我正在显示div内的c3图表(vue-c3)。
我已附上图片,显示display:block
被 c3 类覆盖。表格的第一行显示了所需的行为(这是我使用Chrome Elements
标签删除了 c3 类的行)。
如何删除 c3 类?还是我该如何强制display:block
(!important
并使用inline-style
无效)?
更新:
我什至不必在任何地方添加display:block
。仅删除c3即可得到所需的结果。代码是
<template>
<div >
<vue-c3 :handler="handler"/>
</div>
</template>
答案 0 :(得分:0)
原来是其他人在override.styl
全局css文件中编写了以下代码:
.vuec3-chart.c3 > svg{
width:100% !important;
}
对其进行了注释,并且一切都按需工作,而无需编写任何样式或类。
难以跟踪的原因是,存在一个文件c3.styl
,我在其中寻找全局CSS,但是此代码位于override.styl
中。