2010-02-02 24 views
9

मैं एक बड़े फार्म पर काम कर रहा हूँ पर काम नहीं कर और यह सब रूप से अधिक बटन का एक बहुत कुछ शामिल है, इसलिए मैं काम कर रहा इनपुट [प्रकार = "बटन" पाने के लिए कोशिश कर रहा हूँ ] मेरी मुख्य सीएसएस फ़ाइल में, इसलिए यह सभी बटनों को हर किसी के लिए कक्षा जोड़ने के साथ पकड़ लेगा, किसी कारण से यह वेब पर जांच करने के बाद आईई 7 पर काम नहीं कर रहा है, यह कहता है कि आई 7 को इसका समर्थन करना चाहिए।Css विशेषता चयनकर्ता IE7

यह भी प्रकार = "बटन" होने के लिए और टाइप नहीं = "सबमिट करें" के रूप में नहीं सभी बटन प्रपत्र प्रस्तुत करेगा है।

कोई भी संकेत दे सकता है कि मैं क्या गलत कर रहा हूं?

input[type="button"] { 
    text-align:center; 
} 

मैं भी input[type=button]

+0

यह संबंधित हो सकता है: http://stackoverflow.com/questions/2112783/attribute-selectors-javascript-and-ie8 –

+0

मैंने लिखा है [एक लेख] (http://sarfraznawaz.wordpress.com/2010/ 02/22/सीएसएस-विशेषता-चयनकर्ता /) सीएसएस विशेषता चयनकर्ताओं के बारे में कुछ विस्तृत जानकारी के साथ। – Sarfraz

उत्तर

25

मैं input[type=button] IE7 या IE8 में काम कर चयनकर्ताओं हो रही संघर्ष कर रहा था। समस्या यह साबित हुई कि HTML पेजों में "DOCTYPE" घोषणा अनुपलब्ध थी। एक बार जब मैंने

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

तब सब ठीक काम किया। आप स्पष्ट रूप से अपनी आवश्यकताओं के अनुरूप एक अलग "! DOCTYPE" घोषणा का उपयोग कर सकते हैं।

+0

iv'e ने देखा कि एक .aspx! DOCTYPE निम्नानुसार है: आप एचटीएमएल भाग को कहां जोड़ देंगे? क्या मुझे एक्सएचटीएमएल 1.0 को इसके साथ बदलना चाहिए? –

+0

मुझे लगता है कि परिभाषित 'DOCTYPE' किसी भी प्रकार का होने से काम कर चयनकर्ताओं का कारण बन माना। क्या वे ऊपर सूचीबद्ध सूची के साथ आपके लिए काम नहीं कर रहे हैं? – ipr101

+0

यह काम नहीं करता है, लेकिन इसके बारे में सोचने के लिए मैंने इसे केवल Google क्रोम पर चेक किया है। (शायद यह ब्राउज़र के लिए विशिष्ट है) –

1

गुण चयनकर्ताओं, दुर्भाग्य से, अभी तक अच्छी तरह से सभी प्रमुख ब्राउज़रों में लागू नहीं कर रहे हैं, क्योंकि यह CSS3 और 2.1 नहीं, वर्तमान मानक की कोशिश की है। चूंकि डब्ल्यू 3 सी पर लड़के निर्णय लेने में जल्दी नहीं हैं, इसलिए आप अपनी उम्मीदों को बहुत अधिक सेट नहीं करते हैं, क्योंकि हम जल्द ही सीएसएस 3 का उपयोग नहीं कर पाएंगे। इसके कुछ पहलुओं को पहले ही लागू कर दिया गया है, लेकिन यह एक नहीं है (निश्चित रूप से आईई 6 में नहीं)।

तो, के रूप में आप पहले से ही अपने आप को कहा, यह बहुत बेहतर हो एक वर्ग के साथ अपने आदानों के सभी प्रदान करते हैं और यह बहुत हर बार जब आप एक फ़ॉर्म बनाते हैं करने के लिए एक आदत बनाने के लिए होगा। जब आप पहले से ही प्रोग्राम प्रोग्राम कर रहे हैं तो यह हमेशा आसान होता है और बहुत काम नहीं करता है।

जब मैं एक फ़ॉर्म बनाते हैं, मैं हमेशा एक इनपुट के प्रकार के एक वर्ग के रूप में, जोड़ने जैसे:

विशेष रूप से पिछले दो, मामलों का एक बहुत में काम में आ जाएगा क्योंकि आप .button शैली को अलग करने के लिए तैयार नहीं है और अलग से सबमिट करें, लेकिन अगर आप ऐसा करना चाहते हैं तो आप cululd।

+0

+1। यह ध्यान देने योग्य हो सकता है कि यदि ओपी वर्गों को जोड़ना नहीं चाहता है, तो वह जावास्क्रिप्ट या jQuery जैसे जेएस फ्रेमवर्क के साथ ऐसा कुछ कर सकता है। :) – munch

+0

गुण चयनकर्ताओं सीएसएस 2, नहीं 3 रहे हैं, और एक लंबे समय के लिए एक पूर्ण डब्ल्यू 3 'सिफारिश' किया गया है। (यहां तक ​​कि CSS3 चयनकर्ता भी 'प्रस्तावित सिफारिश' हैं, जो आईई की दुनिया के बाहर बहुत दूर और अच्छी तरह से कार्यान्वित है!) – bobince

+0

ठीक है, मेरी गलती है, लेकिन फिर भी यह इस तथ्य को नहीं बदलेगा कि यह अभी तक लागू नहीं हुआ है, क्योंकि 'आईई की दुनिया' जैसा कि आप इसे कहते हैं, आजकल से निपटने के लिए अभी भी एक बड़ी दुनिया है। –

1

वे आईई 7 में मेरे लिए काम करते हैं (दोनों रूपों, उद्धरण के साथ और बिना)।

शायद एक अन्य चयनकर्ता है जो आपके मास्किंग कर रहा है। आप इसे और अधिक प्राथमिकता, उदा .:

body form input[type="button"] { 
background: red; 
} 
8
input[type="button"]{ text-align:center; } 

क्या आप ऐसा करने की उम्मीद करते देने के लिए आदेश में अपने चयनकर्ता अधिक विशिष्ट बनाने की कोशिश कर सकते? <input type="button"> में टेक्स्ट पहले से ही डिफ़ॉल्ट रूप से केंद्रित है।

यदि आप बटन को पैरेंट में स्वयं संरेखित करना चाहते हैं, तो आपको मूल तत्व पर text-align सेट करना होगा, बटन नहीं।

गुण चयनकर्ताओं - साथ या बिना उद्धरण चिह्नों - IE7 पर काम करते हैं। यह आईई 6 है जो समस्या ब्राउज़र है।

3

मुझे आईई 7 में काम करने वाले सीएसएस स्टेटमेंट प्राप्त करने में कोई समस्या नहीं है; आईई 6 हमेशा समस्या है लेकिन मेरा मानना ​​है कि यह सीएसएस भी वहां काम करेगा। तो मुझे नहीं लगता कि आईई 7 समस्या है।

पहली बात यह है कि अपने सीएसएस नमूना केवल बटन को प्रभावित करेगा, यह बटन प्रस्तुत को प्रभावित नहीं करेगा। लेकिन यह एक आसान फिक्स है; करने के लिए अपने सीएसएस बदलने के लिए:

input[type="submit"], input[Type="button"] 
{ text-align: center; } 

दूसरा, के रूप में Manolo सैंटोस ने कहा, यदि आप किसी अन्य सीएसएस बयान है कि पाठ के अनुरूप सेटिंग अधिभावी है हो सकता था? केवल इनपुट तत्वों पर एक सेटिंग?यह शायद फ़ायरबग या सीएसएस समस्या को खोजने में मदद के लिए क्रोम या आईई 8 में निर्मित डेवलपर घटकों जैसे डेवलपर टूल का उपयोग करने लायक है।

0

यह सवाल पुराना है, लेकिन अगर किसी को एक संबंधित समस्या है .. मैं (आईई के बावजूद एक समान समस्या को हल करने

इनपुट [प्रकार = "भेजें"] IE7 पर काम नहीं करता कोशिश कर कुछ ही मिनट खर्च करते हैं जैसा कि मैंने देव उपकरण में देखा था, इनपुट को सही ढंग से शैली निर्दिष्ट करना)।

समाधान: मैं से बदलको जमा करें सबमिट करें और यह काम किया!

मैं इस यहां पोस्ट, क्योंकि यह किसी की मदद कर सकते हैं जब डिबगिंग।

0

जो भी कारण, कई बार जब विशेषता चयनकर्ताओं से पहले पेज IE7 में प्रदर्शित किया जाता है पर लागू नहीं होगा रहे हैं। यह वास्तव में मेरे साथ हुआ था। मेरा चयनकर्ता table[bgColor="#c0c0c0"] था और पेज लोड पर लागू नहीं होगा। चूंकि मैं आईई 9 (ब्राउज़र मोड: आई 7, दस्तावेज़ मोड: आई 7 मानक) का उपयोग कर रहा था, इसलिए मैं अपनी सीएसएस फ़ाइल देखने के लिए एफ 12 डेवलपर टूल्स का उपयोग करने में सक्षम था। मैंने चयनकर्ता को अनचेक किया और फिर इसे फिर से जांच लिया। उसके बाद लागू गुण। यह ठीक ओल 'आई 7 में पुन: उत्पन्न होता है, इसलिए मुझे एक कार्य-आसपास मिलना होगा। (नोट: न तो सिंगल, डबल, या कोई उद्धरण और न ही पूंजीकरण में भिन्नताएं का प्रभाव यहां प्रभाव डालते हैं।)

1

मुझे पूरा यकीन है कि सभी को इस तथ्य से अवगत है कि एक जोड़ने का समाधान हैडर के लिए डॉकटाइप ' हर समय एक संभावना नहीं है।

उदाहरण के लिए, मैं DotNetNuke (DNN) वातावरण जिसमें डेवलपर हैडर के लिए एक पहुँच नहीं है में विकसित करना। फिर यह जोड़ने के लिए लगभग असंभव बनाता है! DocType।

इस मामले में आपके पास सीएसएस क्लास से संबंधित बटन को छोड़कर और सीएसएस मॉड्यूल में स्पष्ट रूप से संदर्भित करने के अलावा बहुत अधिक विकल्प नहीं है।

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