javascript - 停止 element.style 覆盖我的 css 样式

标签 javascript jquery html css ruby-on-rails

我正在使用 ruby​​ on rails 开发一个表单,在该表单中我使用了一个 slider ( http://seiyria.github.io/bootstrap-slider/ )。

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

对于存储字段: enter image description here

当我动态添加新字段时: enter image description here

这是什么element.style

为什么这个 element.style 覆盖了 width

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

有什么帮助吗?

最佳答案

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

(使用 !important 通常是不受欢迎的,因为它最初可以启用结构不良的 CSS,然后继续使您的样式变得更加困惑,因为您开始不得不使用更多的 !important 来覆盖之前的 !important,但是有绝对是你只需要使用它的时候)

关于javascript - 停止 element.style 覆盖我的 css 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28704253/

相关文章:

javascript - 从 JavaScript 变量更新 HTML

javascript - console.log 和 HTML 之间有什么联系?

javascript - 使用 jquery 拖放图像

html - 我们如何指定 Bootstrap 2.3 字形图标的路径

html - CSS3 动画在 Safari 中不起作用

javascript - 输入数据后立即捕获和处理数据

javascript - 如何将数据从 ejs(日期选择器)传递到 js(查询数据库),然后将结果显示回 ejs(在标签中)?

javascript - 如何为选定的段落设置动画?

javascript - jQuery 验证不可见字段

javascript - 更新按钮上 iframe 的 div 内容