Buenas foro
Tengo un problema para darle estilo a un input de tipo password.
Al entrar desde el movil el estilo esta perfecto pero al escribir algo se vuelve color blanco y se pierde por completo.
Código CSS:
Ver originalbody{ background-color: #e9eac0; }
.gridContainer {
margin: 0 auto;
margin-right: auto;
width: 100%;
}
#LayoutDiv1 {
margin-left: auto;
width: 100%;
display: block;
}
#banner {
height: 80px;
width: 90%;
display:block;
background-image: url('logo_vertical-01.jpg');
background-size: 100%;
background-repeat: no-repeat;
margin: 0 auto;
}
#login{
width:85%;
margin: -2% auto;
padding:5%;
}
#login p{
color:#707070;
margin:0;
margin-bottom:3%;
font-size:1.1em;
}
#login label{
width:35%;
float:left;
margin-top:1%;
font-size: 1.7em;
color:#c7cd13;
text-shadow:1px 1px 1px #aaaaaa;
}
#login input[type="text"], #login input[type="password"]{
height:35px;
width:80%;
border:solid 1px #cccccc;
border-radius:5px;
background-color: #eeeeee;
color: #bbbbbb;
padding-left:20%;
font-weight:900;
}
#login input[type="text"], #login input[type="text"]:active {
background-image: url('icon_user.png');
background-size: 40px, 40px;
background-repeat: no-repeat;
background-position: -1px,0;
}
#login input[type="password"] {
background-image: url('icon_pwd.png');
background-size: 40px, 40px;
background-repeat: no-repeat;
background-position: -1px,0;
}
#login input[type="submit"]{
padding: 4% 7% 4% 7%;
border:solid 1px #a9ae11;
border-radius:5px;
background-color:#c7cd13;
-moz-box-shadow: inset 0 0 5px 5px #a9ae11;
-webkit-box-shadow: inset 0 0 5px 5px #a9ae11;
box-shadow: inset 0 0 5px 5px #a9ae11;
font-size: 1.1em;
color:#ffffff;
text-shadow:2px 1px 1px #707070;
float:right;
margin-top:-3%;
margin-bottom:3%;
}
¿Alguien me puede apoyar con sus comentarios?
De antemano muchas gracias.