Question

我正在尝试更改我自己没有写过的日历中div的高度。在萤火虫中我看到了这个用于css：

element.style {
        height: 744px;
        width: 1463px;
        left: 0px;
        top: 81px;
       }

我已经读过这将永远覆盖css并且它是来自js文件的结果。我试图用grep找到该文件，但我无法找到它。我还试图在html页面中覆盖divs height，如下所示：

  <style type="text/css">
      .dhx_cal_data p{
            height:900px !important;

          }

      .dhx_cal_data {
            height:900px !important;

       }

       #dhx_cal_data {
             height:900px !important;

        }

Html：

 <div class="dhx_cal_data" name="dhx_cal_data" id="dhx_cal_data" style="height:900px;">
                    <p class="para1">

  </div>

我还试图用这样的javascript覆盖它：

<script >

$(document).ready(function(){


var obj = document.getElementById('dhx_cal_data');
obj.style.height = "900px";
document.getElementById("dhx_cal_data").style["height"] = '900px';
 })
</script>

但没有任何效果。你知道我怎么改变它吗？或者也许我如何找到创建此element.style的文件？

Answer 1

这是一个彻头彻尾的黑客，但你可以编写自己的jQuery函数，在未知的javascript文件之后重新定义高度。只需将jQuery代码放在结束体标记之前。当然，这是一种可怕的做法，只有在你所有其他努力都失败的情况下才能使用。

Answer 2

在!important之前使用;。
请参阅：http://jsfiddle.net/ahfo9cfc/1/ - JS工作

如何覆盖element.style高度

2 个答案: