请帮我输入html5中的文字不能正常工作

-1

我有一个问题。由于我是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; 
}

来源

2015-09-17 Roch

我想你想寻找的CSS的输入，而不是'在.login-section'。特别是文字颜色 – Turnip

我的CSS中没有输入，所以不会影响输入类型=文本。嗯...... – Roch

@Roch所以你不能输入输入字段？或者你可以输入输入字段，但文本没有显示出来？ – aphextwix

.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>

来源

2015-09-17 18:45:17 vanburen

它与我的代码片段相同，但文本框内的文本是可见的。 – Roch

我添加了额外的CSS。否则在上面的例子中就不可见了。 – vanburen

好吧，现在它解决了这个问题，现在为什么？在登录部分类中的颜色没有被指定为文本框内的文本。 – Roch

请帮我输入html5中的文字不能正常工作

回答

相关问题