Javascript 如何避免Webflow.css与Timepicker.js冲突

Javascript 如何避免Webflow.css与Timepicker.js冲突,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图实现timePiker.js,但它与Webflow有冲突。它应该像下一张图片一样。 但是如果我将timepicker.css和webflow.css组合在一起,它就不能正常工作 如您所见,时间选择器正在创建一个列表。我认为它不起作用,因为列表是从webflow获取样式的。所以我所做的就是修改timepicker.js来创建调用另一个CSS类的列表。我在timepiker.css中添加了这个新类。但它不起作用 timepicker.css .ignoreBoostrapt{ }

我试图实现timePiker.js,但它与Webflow有冲突。它应该像下一张图片一样。

但是如果我将timepicker.css和webflow.css组合在一起,它就不能正常工作

如您所见,时间选择器正在创建一个列表。我认为它不起作用,因为列表是从webflow获取样式的。所以我所做的就是修改timepicker.js来创建调用另一个CSS类的列表。我在timepiker.css中添加了这个新类。但它不起作用

timepicker.css

.ignoreBoostrapt{

  }
timepicker.js

     /** hours **/
  for (; u < 4; u++) {
    ii = i + v;
    hours_html.push('<ol class=\"ignoreBoostrapt\">');
    for (; i < ii; i++) {
      hours_html.push([
        '<li class=\"ignoreBoostrapt\"><a ', VARS.attr.hour, '="', i, '">', i, '</a></li>'
      ].join(''));
    }
    hours_html.push('</ol>');
  }
/**小时**/
对于(;u<4;u++){
ii=i+v;
小时推送(“”);
对于(;i”,i,“”
].加入(“”);
}
小时推送(“”);
}

共享您的控制台日志没有错误,它的显示方式与webflow.css类似,webflow.css的ol{margin top:0px;margin bottom:10px;padding left:40px;}有一个slyle,但我想使用其他解决方案