占位符是白色的,不会在注册表单上显示字母

时间:2014-07-27 22:46:09

标签: html placeholder

所以我已经设置了一个网站,并且允许用户登录到那里的登录表单cpanel有点搞砸了heres看起来像什么

enter image description here

enter image description here

正如你可以看到我是否全部复制,他们的信件都在那里,但由于某种原因,这些信件不会显示

<!-- Login Client -->
      <form enctype="application/x-www-form-urlencoded" action="http://cpanel.clearhostsolutions.com/auth" method="post">
      <div class="jBar">
          <div class="container">            
              <div class="row">                
                  <div class="col-md-offset-2 col-md-4">
                      <h1>Client Login</h1>
                      <form>
                          <input type="email" placeholder="Your Email" required>
                          <input type="password" placeholder="Your Password" required>
                          <input type="submit" class="button" value="sign in">
                      </form>
                  </div>

                  <div class="col-md-4 contact_info">
                      <h1>Contact Us</h1>
                      <ul>
                          <li><span>Call Now:</span>55-5698-4589</li>
                          <li><span>Email Adress: </span><a href="#">support@clearhostsolutions.com</a></li>
                          <li><span>Address Info:</span> Av new stret - New York</li>
                      </ul>                    
                  </div>                
                  <p class="jTrigger downarrow">Close</p>
              </div>
          </div>
      </div>
      <span class="jRibbon jTrigger up">Login to Cpanel</span>
      <div class="line"></div>
      <!-- End Login Client -->

1 个答案:

答案 0 :(得分:0)

不确定您的代码有什么问题,但您可以随时更改占位符颜色。

::-webkit-input-placeholder {
    color: #999 !important;
}
::-moz-placeholder {
    color: #999;
    opacity: 1 !important; // FF has reduced opacity on default
}
:-ms-input-placeholder {
    color: #999 !important;
}

<强>更新

form input, form textarea, form select {
    color:#000;
}

注意:建议不要使用!important,但请查看是否有所作为。

<强> JSFiddle Demo