Contraseñas que aparecen como blancas (o nada) en IE

Por alguna razón, los campos de contraseña aparecen como caracteres en blanco (o blancos) en IE8 para un sitio en el que estoy trabajando.Contraseñas que aparecen como blancas (o nada) en IE

Ambas capturas de pantalla tienen una contraseña larga ingresada. El segundo lo he resaltado para que pueda ver que reconoce a los personajes, simplemente aparecen como vacíos. También incluí el seguimiento de depuración de IE.

tamaño completo - http://i.stack.imgur.com/hUd4I.png

Unhighlighted

tamaño completo - http://i.stack.imgur.com/tOkn9.png

Password highlighted

En otros navegadores que aparecen bien. Nunca había visto algo así antes, ¿alguna idea?

cabecera HTML:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

Sólo CSS personalizado para las entradas:

body, input, button, select, textarea { 
    font-family: 'Open Sans' , sans-serif; 
    font-size: 13px; 
}

Fuente

2012-08-30 Terry

Sí, vamos a ver el CSS para elementos de entrada. – Lowkase

El CSS se muestra en las capturas de pantalla, es todo Bootstrap 2.1 excepto una línea de código personalizado (agregado en edición). Sí, el BG es blanco, es el primer elemento enumerado en el CSS en las capturas de pantalla. – Terry

Es probable que sea Open Sans, pruebe con una fuente diferente y vea si funciona. –

Tuve el mismo problema. Me fijo mediante la adición de un corte en mi CSS para reemplazar la fuente de entrada de Open Sans a Arial:

.form-horizontal input { 
    *background-color: #ffffff !important; 
    *color: #464646 !important; 
    *font-family: Arial !important; 
}

Tiene que ser un asunto de carácter con Google Font y IE donde los puntos de contraseña no se encuentran en la fuente o algo como eso.

Fuente

2012-09-28 13:16:14 Mike

¡Perfecto! Después de una hora de intentar rastrear este escenario, este "truco" lo solucionó perfectamente. – Dan

Acabo de experimentar el mismo problema, creo que está relacionado con font-family/font-face only, cambiar a Arial lo soluciona. – earthdesigner

Mismo problema, anulando webfont con una fuente del sistema arreglado esto. –

tuve un problema similar - mi texto en todos los elementos input[type='text'] era blanco. Al mover el cursor del mouse fuera del modal div, el texto aparece. Sospeché filter y transition reglas de CSS de Twitter Bootstrap para causar el problema, y lo fue. Eliminé hide y fade clases desde mi ventana modal: <div class="modal hide fade" /> y funciona bien ahora. Pruébalo si tu modal está animado.

Fuente

2012-09-13 13:12:57 Nowaker

Así es como lo resolví

<?php echo Form::password('password', NULL, array('title'=>'', 'class' => 'input-block-level', 'tabindex' => '2', 'placeholder'=>'Password', 'title' => 'Password', 'style' => 'font-family:arial, serif;')) ?><!-- the font family arial serif is a fix for IE8 password placeholder text -->

Fuente

2013-02-27 19:59:07

Contraseñas que aparecen como blancas (o nada) en IE

Respuesta

Cuestiones relacionadas