請幫我輸入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開發知道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>