请帮助我在 html5 中输入的文本无法正常工作

Question

我有问题。因为我是 bootstrapping 的新手，所以我在 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 代码。我不知道，我只知道 HTML CSS 和 PHP 网络开发方面的语言。 jQuery、bootstrap、JavaScript我都不熟悉。请帮助我。

那个特定 class 的 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>

请帮助我在 html5 中输入的文本无法正常工作

Please help my input type text in html5 not working

html

javascript

dreamweaver

twitter-bootstrap