password field background changes after using iscroll

password field background changes after using iscroll

I have implemented iscroll in login page,actually my password field has
brown background color,when focus on password field to type text the
background vanished and came white background.Could any one suggest the
solution for this issue.
This is the code:
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-touch-callout:none;*/
-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>