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

Question

我正在使用Rails开发红宝石表单，并且正在使用该表单使用滑块（ http://seiyria.github.io/bootstrap-slider/ ）。

问题是我有这个element.style ，它会像这样覆盖我的css ：

对于存储字段：

当我动态添加新字段时：

这是什么element.style ？

为什么此element.style覆盖width ？

这个element.style width在第一种情况下的值为0px ，在第二种情况下的值为152px ，我不知道为什么。

有什么帮助吗？

Answer 1

在不希望覆盖的规则中添加!important 。 例如.slider.slider-horizontal {width: 210px}

（使用！important通常会感到烦恼，因为它最初可以启用结构不良的CSS，然后在您开始使用更多！important来覆盖更早的！important时，使您的样式变得更加混乱。但是，确实有些时候您只需要使用它）