如何删除CSS类?

时间:2019-03-21 04:00:30

标签: css display

我正在显示div内的c3图表(vue-c3)。 我已附上图片,显示display:block c3 类覆盖。表格的第一行显示了所需的行为(这是我使用Chrome Elements标签删除了 c3 类的行)。 如何删除 c3 类?还是我该如何强制display:block!important并使用inline-style无效)?

after removing c3

css

更新: 我什至不必在任何地方添加display:block。仅删除c3即可得到所需的结果。代码是

<template>
  <div >
    <vue-c3  :handler="handler"/>
  </div>
</template>

1 个答案:

答案 0 :(得分:0)

原来是其他人在override.styl全局css文件中编写了以下代码:

.vuec3-chart.c3 > svg{
    width:100% !important;
}

对其进行了注释,并且一切都按需工作,而无需编写任何样式或类。 难以跟踪的原因是,存在一个文件c3.styl,我在其中寻找全局CSS,但是此代码位于override.styl中。