Question

我已经在登录页面中实现了iscroll，实际上我的密码字段有棕色背景颜色，当关注密码字段时键入文本背景消失并出现白色背景。任何人都可以建议解决这个问题。

   input[type="text"],input[type="password"], input[type="email"]
    {
      height: 40px;
      width: 200px;   
      -moz-border-radius:5px; 
      -webkit-border-radius:5px;
      border-radius: 5px;
    }

    #wrapper
    {
      position:absolute; 
      z-index:1; top:13%;
      bottom:10%; left:0;
      width:100%; 
      overflow:auto;
    }

    #scroller
    {
      position:absolute; 
      z-index:1; 
      -webkit-tap-highlight-color:rgba(0,0,0,0); 
      width:100%; padding:0%;
    }

 <form name="login" id="login_form">
      <div class="row">
        <div id="login_container">
          <div id="email_input">
            <input type='text' id='email' class='not_capital' placeholder='Email' autocapitalize="off" autocorrect="off"/>
          </div>

          <div id="password_input">
            <input type='password' id='password' placeholder='Password' />
          </div>
        </div>
      </div>

      <div class="row">
        <input type="submit" class="small_button" value="Login" id="login" />
      </div>
    </form>

Answer 1

您可以为密码字段的焦点定义单独的样式

input[type="password"]:focus
    {
     background-color:#333;
...... other properties -------
    }

使用iscroll4后密码字段背景更改

1 个答案: