Hasła wyświetlane jako białe (lub wcale) w IE

Z jakiegoś powodu pola hasła są wyświetlane jako puste (lub białe) znaki w IE8 dla witryny, nad którą pracuję.Hasła wyświetlane jako białe (lub wcale) w IE

Oba te zrzuty ekranu mają długie hasło. Drugi, który podświetliłem, aby można było zobaczyć, rozpoznaje postacie, po prostu wydają się puste. Uwzględniłem również śledzenie debugowania IE.

Pełny rozmiar - http://i.stack.imgur.com/hUd4I.png

Unhighlighted

Pełny rozmiar - http://i.stack.imgur.com/tOkn9.png

Password highlighted

W innych przeglądarkach one pojawiają się grzywnę. Nigdy wcześniej nie widziałem czegoś podobnego, żadnych pomysłów?

HTML nagłówka:

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

Tylko zwyczaj CSS dla wejść:

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

Źródło

2012-08-30 Terry

Tak, pozwala zobaczyć swój CSS dla elementów wejściowych. – Lowkase

CSS jest pokazany na zrzutach ekranu, to wszystko Bootstrap 2.1 z wyjątkiem jednej linii niestandardowego kodu (dodane w edycji). Tak, BG jest biały, jest pierwszym elementem wymienionym w CSS na zrzutach ekranu. – Terry

Najprawdopodobniej Otwórz Sany, wypróbuj inną czcionkę i sprawdź, czy to działa. –

Miałem ten sam problem. Naprawiłem go dodając hack w moim CSS, aby zastąpić czcionkę naliczonego od Open Sans do Arial:

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

To musi być problem postać z Google Font i IE gdzie kropki hasło brakuje czcionki lub coś w tym stylu.

Źródło

2012-09-28 13:16:14 Mike

Idealny! Po godzinie próbowania wyśledzenia tego scenariusza, ten "hack" naprawił to doskonale! – Dan

Po prostu doświadczyłem tego samego problemu - wydaje mi się, że dotyczy on tylko rodziny czcionek/czcionek - zmiana na Arial powoduje jej naprawienie. – earthdesigner

Ten sam problem, przesłonięcie webfontu za pomocą czcionki systemowej. –

miałem podobny problem - mój tekst na wszystkich input[type='text'] elementów była biała. Przesunięcie kursora myszy poza modalny div spowodowało wyświetlenie tekstu. Podejrzewałem, że reguły CSS z Twitter Bootstrap są i transition powodują problem - i to było to. Usunąłem klasy hide i fade z mojego okna modalnego: <div class="modal hide fade" /> i teraz działa dobrze. Spróbuj, jeśli twój modal jest animowany.

Źródło

2012-09-13 13:12:57 Nowaker

ten sposób Rozwiązałem to

<?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 -->

Źródło

2013-02-27 19:59:07

Hasła wyświetlane jako białe (lub wcale) w IE

Odpowiedz

Powiązane problemy