IE

2012-08-30 19 views
8

में सफेद (या बिल्कुल नहीं) के रूप में दिखाई देने वाले पासवर्ड किसी कारण से पासवर्ड फ़ील्ड आईई 8 में रिक्त (या सफेद) वर्णों के रूप में दिखाई दे रहे हैं, जिस पर मैं काम कर रहा हूं।IE

इन दोनों स्क्रीनशॉटों में एक लंबा पासवर्ड दर्ज किया गया है। दूसरा मैंने इसे हाइलाइट किया है ताकि आप इसे वर्णों को पहचान सकें, वे बस खाली दिखाई देते हैं। मैंने आईई डीबग ट्रेस भी शामिल किया।

पूर्ण आकार - http://i.stack.imgur.com/hUd4I.png

Unhighlighted

पूर्ण आकार - http://i.stack.imgur.com/tOkn9.png

Password highlighted

अन्य ब्राउज़रों वे ठीक से दिखाई दे। मैंने पहले कभी ऐसा कुछ नहीं देखा है, किसी भी विचार?

HTML शीर्षक: इनपुट के लिए

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

केवल कस्टम सीएसएस:

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

हां, की सुविधा देता है इनपुट तत्वों के लिए अपने सीएसएस देखते हैं। – Lowkase

+0

सीएसएस स्क्रीनशॉट में दिखाया गया है, यह कस्टम कोड की एक पंक्ति को छोड़कर सभी बूटस्ट्रैप 2.1 है (संपादन में जोड़ा गया है)। हां बीजी सफेद है, यह स्क्रीनशॉट में सीएसएस में सूचीबद्ध पहला आइटम है। – Terry

+0

इसकी सबसे अधिक संभावना ओपन सेन्स, एक अलग फ़ॉन्ट आज़माएं और देखें कि क्या यह काम करता है। –

उत्तर

16

मुझे एक ही समस्या थी।

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

यह गूगल फ़ॉन्ट और IE जहां पासवर्ड डॉट्स फ़ॉन्ट या से याद कर रहे हैं के साथ एक चरित्र मुद्दा हो गया है: मैं अपने सीएसएस एरियल के लिए खुला संस से इनपुट फ़ॉन्ट ओवरराइड करने के लिए में एक हैक जोड़कर तय ऐसा कुछ।

+0

बिल्कुल सही! इस परिदृश्य को ट्रैक करने की कोशिश करने के एक घंटे बाद, यह "हैक" इसे पूरी तरह से तय कर दिया! – Dan

+0

बस एक ही समस्या का अनुभव किया - मेरा मानना ​​है कि यह केवल फ़ॉन्ट-फ़ैमिली/फ़ॉन्ट-फेस से संबंधित है - एरियल में बदलना इसे ठीक करता है। – earthdesigner

+0

वही समस्या, सिस्टम फ़ॉन्ट के साथ वेबफॉन्ट ओवरराइड करना इसे ठीक करता है। –

0

मैं एक ऐसी ही समस्या थी - सभी input[type='text'] तत्वों पर अपने पाठ सफेद था। माउस कर्सर को मोडल div से बाहर ले जाने से टेक्स्ट दिखाई देता है। मुझे संदेह है कि filter और transition ट्विटर बूटस्ट्रैप से सीएसएस नियम समस्या का कारण बनने के लिए - और यह था। मैंने अपनी मोडल विंडो से hide और fade कक्षाओं को हटा दिया: <div class="modal hide fade" /> और यह अभी ठीक काम करता है। अगर आपका मोडल एनिमेटेड है तो इसे आज़माएं।

1

यह मैं कैसे हल यह

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

 संबंधित मुद्दे