在线表单的模态高度

Question

我知道如何在我的模式中更改我的表单的高度，当我在CSS中定义一个高度时，只有模式的高度“在”表单的后面改变，它的在线表单，所以我不能在表单上应用CSS样式

我想这样做是因为表单的高度太高了，它在验证码之后继续

​

​

我的模式

<div class="modal fade" id="contact" data-backdrop="false">
  <div class="modal-dialog modal-lg">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-body">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
          <div class="pipedriveWebForms" data-pd-webforms="https://pipedrivewebforms.com/form/2067fd4d72477805424c879502205cc81994719"><script src="https://pipedrivewebforms.com/webforms.min.js"></script></div>
      </div>
    </div>
  </div>
</div>

我的CSS

.modal-body {
    padding: 20px 50px;
}

.modal-body {
    position: relative;
    padding: 15px;
}

Answer 1

您正在模式窗口中加载iframe。Yoiur文档没有关于iframe高度的信息(如果此文档没有将此信息发送到您的文档)。但是，如果你知道iframe总是有一个固定的高度:在你的示例605px中，你可以在你的css中使用这个：

.pipedriveWebForms {
     height: 800px !important; /* you have to update this to fit your needs */
}

这里有一个难题：https://jsfiddle.net/0jhpzkes/