无法在输入文字栏位中输入

时间:2019-02-22 20:46:30

标签: html css input

我无法在输入字段中键入。当我删除第一个具有id =“ viewport”的div时,我可以在输入字段中键入。我该如何解决?

<div id="viewport"></div>
<div class="form">
  <h2 id="h2">Need a project from<br>Google Cloud Storage?</h2>
  <form id="fileDownloadForm" method="GET" action="downloadBlob2" enctype="multipart/form-data">
    <input type="text" id="textBox" name="objectToSearch" placeholder="Type the name of the project here." />
    <button id="downloadBtn" type="submit" class="btn btn_primary">Download</button>
  </form>
</div>

3 个答案:

答案 0 :(得分:1)

您可以通过添加CSS属性=>解决此问题。似乎视口块太大,并且输入字段溢出。 z-index使输入字段更加“重要”-越大,元素变得越重要。

答案 1 :(得分:1)

就我而言,不知何故,文本颜色更改为 white。我是在输入几个字符后不小心双击输入字段找到的。

答案 2 :(得分:0)

以防万一,对我有用的是放入即时标签。因此,在这种情况下,我将尝试放入:

<div class="form" style="z-index: 1000 !important;">