停止element.style来覆盖我的CSS样式

Question

我正在使用滑块（http://seiyria.github.io/bootstrap-slider/）在轨道上开发红宝石表格。

问题是我有element.style这样覆盖我的css：

对于存储字段：

当我动态添加新字段时：

这是element.style是什么？

为什么element.style会覆盖width？

此element.style width在第一种情况下的值为0px，在第二种情况下的152px为{{1}}，我没有其中的原因。

任何帮助？

Answer 1

将!important添加到您不想覆盖的规则中。例如。 .slider.slider-horizontal {width: 210px}

（使用！important经常不赞成，因为它最初可以启用结构不合理的CSS，然后继续使你的风格变得更加混乱，因为你开始不得不使用更多！重要的是覆盖更早！重要的，但有绝对是你必须使用它的时候）