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 original
body{ 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.