请帮助我在html5中的输入类型文本不起作用

Question

我有问题。由于我是初学者，我在startbootstrap.com上自定义了这个模板。但是，当我应用input type = text并刷新我的页面时，实际文本框中没有可见的字符。它识别角色，但它是不可见的。

这是我登录div的代码

<!-- Login Section -->
<section id="login" class="content-section text-center">
    <div class="login-section">
        <div class="container">
            <div class="col-lg-8 col-lg-offset-2">
                <h2>Log-in</h2>
                <form>
                  <label for="username">Username:</label>
                  <input type="text" name="username" id="username">
                </form>
            </div>
        </div>
    </div>
</section>

我认为这里的问题不是HTML代码。我不知道，我只知道Web开发方面的HTML CSS和PHP语言。 jQuery，bootstrap和JavaScript对我来说并不熟悉。请帮帮我。

该特定类的CSS代码：

.login-section {
    width: 100%;
    padding: 50px 0;
    color: #fff;
    background: url(../img/downloads-bg.jpg) no-repeat center center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

Answer 1

.login-section将color应用为白色，因此您的input文字不可见。见例。

section .login-section {
  width: 100%;
  padding: 50px 0;
  color: #fff;
  background: url(http://www.virtualoceania.net/newzealand/photos/mountains/mtcook/nz0275.jpg) no-repeat center center scroll;
  background-color: #000;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
section #myForm input {
  color: #000;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<section id="login" class="content-section text-center">
  <div class="login-section">
    <div class="container">
      <div class="col-lg-8 col-lg-offset-2">
        <h2>Log-in</h2>

        <form id="myForm">
          <label for="username">Username:</label>
          <input type="text" name="username" id="username">
        </form>
      </div>
    </div>
  </div>
</section>