！重要的css没有覆盖firefox中的属性

Question

它在safari和chrome中工作正常

<nav class="navbar navbar-fixed-bottom navbar-inverse navbar-offcanvas navbar-offcanvas-touch" role="navigation" id="js-bootstrap-offcanvas" style="height:200px !important;">
</nav>

但它在firefox中的高度为888px

<nav class="navbar navbar-fixed-bottom navbar-inverse navbar-offcanvas navbar-offcanvas-touch" role="navigation" id="js-bootstrap-offcanvas" style="height:888px">
</nav>

所以如何覆盖它

Answer 1

我无法模拟您的测试情况，但我认为这可能会解决您的问题或帮助进一步诊断问题。

在文档加载和解析后，使用javascript更改内联样式。

window.onload = function()
{
   window.setTimeout(function(){
   document.getElementById('js-bootstrap-offcanvas').style.height = '200px';
   },100);
};

请告诉我发生了什么。希望这会有所帮助;）