2013-05-19 3 views
20

मुझे यकीन नहीं है कि क्या हो रहा है। मेरे पास "याद रखें" के बाईं ओर एक चेकबॉक्स होना चाहिए और मेरे पास बाइक है, मेरे पास एक कार है। वे फ़ायरफ़ॉक्स में प्रदर्शित होते हैं लेकिन क्रोम में नहीं। मेरा मानना ​​है कि मेरे पास सीएसएस समस्या है लेकिन इसे नहीं मिला? क्या कोई मदद कर सकता है?चेकबॉक्स नहीं दिखा रहे क्रोम - अन्य ब्राउज़रों में काम

http://www.cloudtute.com/auth

उत्तर

23

अपने सीएसएस में यह पंक्ति:

-webkit-appearance: none; 
input, button, select, textarea के लिए

शैली शासन में आप के लिए चीजों को टूट रहा है।

+0

तुम दोनों को धन्यवाद।मैंने उस रेखा को हटा दिया है लेकिन यह अभी भी दिखाई नहीं दे रहा है। कोई और विचार - या मैंने एक और गलती की है? – user1149620

+1

क्या आप वाकई इस लाइन को हटा चुके हैं? जब मैं आपकी वेबसाइट देखता हूं, तो मैं देख सकता हूं कि यह अभी भी है, और जैसे ही मैं इसे बंद कर देता हूं, आपके चेकबॉक्स दिखाई देते हैं .. –

+0

धन्यवाद - यह पता चला कि सीएसएस सही तरीके से अपलोड नहीं हो रहा था। – user1149620

5

आप शैली नियम निर्धारित हैं:

-webkit-appearance: none; 

input, button, select, textarea के लिए परिभाषित किया है, आप इसे दूर करने के लिए है और काम करेंगे।

आपके पास कंसोल में एक JS त्रुटि भी है: Uncaught ReferenceError: containerz is not defined, इसे जांचें।

+0

ये उत्तर पहले से ही यहां हैं। क्या आपने उन्हें अभी जोड़ा है – underscore

+0

आप सही हैं जब मैंने लिंक पर डीबग सत्र के बाद इसे पोस्ट किया था ... –

27

मैं क्रोम में दिखाई देने वाले चेकबॉक्स के इस मुद्दे में चल रहे लोगों के लिए व्यापक स्तर पर उत्तर दे रहा हूं। और यहां Google द्वारा निर्देशित किया गया था। आपको सफारी में भी यह समस्या हो सकती है क्योंकि वर्तमान में दोनों WebKit का उपयोग कर रहे हैं।

हम इस मुद्दे पर अपनी वेबसाइट पर भाग गए जहां चेकबॉक्स और रेडियो इनपुट ठीक से प्रदर्शित नहीं हो रहे थे। लेकिन इसे हमारे सीएसएस में जोड़कर तय किया गया।

input[type=checkbox] 
{ 
    -webkit-appearance:checkbox; 
} 

अब यह ठीक काम करता है।

success

आप देख सकते हैं, एक और डेवलपर सिर्फ अपने मामले में की तरह -webkit-appearance: none; जोड़े थे। हमारे मामले में ऐसा इसलिए था क्योंकि मैंने थीम के साथ शुरुआत की थी।

लेकिन यह सुनिश्चित करने के लिए कि इनपुट दिखाए गए हैं, केवल अपने नियमों में उन नियमों को घोषित करना सुरक्षित है। इस पृष्ठ में मैंने शैलियों को <style> टैग में रखा है (जिसे मैं अनुशंसा नहीं करता) लेकिन जब भी मैं परीक्षण कर रहा था तब मैंने स्क्रीनशॉट लिया। बेहतर अभ्यास विरोधाभासी शैलियों को हटाने और उपयुक्त फ़ोल्डर में शैलियों को जोड़ने के लिए होगा।

अतिरिक्त संसाधन:
https://css-tricks.com/almanac/properties/a/appearance/
https://davidwalsh.name/webkit-appearance
What is WebKit and how is it related to CSS?

0

आप Firefox में एक चेकबॉक्स को चौड़ाई 0px दे, तो आप, लेकिन यह देखने के लिए सक्षम हो जाएगा आप में एक ही कोड खोलते हैं क्रोम, चेकबॉक्स अदृश्य होगा।

0

मुझे एक ही समस्या थी। जब मैंने विज्ञापन-ब्लॉक एक्सटेंशन को अक्षम कर दिया तो यह काम किया!

फिर मैंने विज्ञापन-ब्लॉक में इस साइट के लिए अपवाद जोड़ा।

0

सच करने के लिए चेकबॉक्स का मूल्य निर्धारित करना मेरे लिए काम किया

value="true" 
संबंधित मुद्दे