2013-06-19 5 views
6

मैं एक विरासत वेब ऐप पर काम कर रहा हूं जिसके लिए इंटरनेट एक्सप्लोरर के 'आईई 5 क्विर्क मोड' (X-UA-Compatible: IE=5 का उपयोग करके सेट) की आवश्यकता है।आईई 10 के -एम-स्पष्ट छद्म-तत्व, और आईई 5 क्विर्क मोड

ऐप में कई टेक्स्ट फ़ील्ड में सामग्री को साफ़ करने के लिए (ऐप-जेनरेट) 'x' बटन हैं। आईई 10 में, आईई फ़ील्ड को साफ़ करने के लिए 'एक्स' बटन भी उत्पन्न करता है, इसलिए उपयोगकर्ता उनमें से दो को देखता है।

जैसा कि this question में चर्चा की गई है, आप ::-ms-clear सीएसएस छद्म-तत्व का उपयोग करके आईई-जेनरेटेड 'एक्स' को हटा सकते हैं। दुर्भाग्यवश, ऐसा लगता है कि आईई 5 क्विर्क मोड में काम नहीं करना है: ::-ms-clear छद्म-तत्व का स्टाइल डेवलपर टूल्स में :unknown के रूप में दिखाई देता है, और आईई-जेनरेटेड 'एक्स' दिखाई देता है।

ऐप को पुन: लिखने के अलावा एक आधुनिक ब्राउज़र मोड का उपयोग करने के अलावा, क्या आईई-जेनरेटेड 'एक्स' से छुटकारा पाने का कोई तरीका है?

<html> 
    <head> 
     <meta http-equiv="X-UA-Compatible" content="IE=5"> 
     <style type="text/css"> 
      ::-ms-clear { width: 0; height: 0; } 
     </style> 
    </head> 
    <body>Enter some text:<input></body> 
</html> 
+0

ऐप-जेनरेट किए गए बटनों का उपयोग इसके बजाय किया जाना चाहिए? क्या वे कुछ कार्यक्षमता प्रदान करते हैं जो IE10- जेनरेट किए गए लोग नहीं करते हैं? क्योंकि मुझे नहीं लगता कि इस स्थिति में आईई 10 द्वारा उत्पन्न किए गए लोगों को हटाना संभव है। – BoltClock

+0

ऐप से जेनरेट किए गए 'एक्स' बटन कुछ अन्य कार्यक्षमता प्रदान करते हैं, लेकिन ऐसा लगता है कि हमारा सर्वोत्तम वर्कअराउंड सशर्त रूप से उन्हें IE10 के लिए निकालना है और समान कार्यक्षमता को ट्रिगर करने का एक और तरीका ढूंढना है ... – Aron

+1

निश्चित रूप से कुछ भी नहीं हो सकता है "आवश्यकता है" quirks मोड अब और ??? एक चीज जो लोगों को क्विर्क मोड में वापस रखने के लिए उपयोग की जाती थी, वह बॉक्स मॉडल मानकों के लिए इतना अलग था कि उसने इसे बदलने के लिए बहुत अधिक काम किया, लेकिन इन दिनों आप केवल * * {बॉक्स-साइजिंग: सीमा-बॉक्स;} का उपयोग कर सकते हैं। ', और मानक मोड शिकायत किए बिना पुराने क्विर्क मोड बॉक्स मॉडल का उपयोग करने के लिए स्विच हो जाएगा। क्विर्क मोड में और क्या है जो आपको इससे दूर जाने से रोक रहा है - शायद हम 1 99 0 के दशक में रहने में आपकी मदद करने की कोशिश करने के बजाय इसके साथ मदद कर सकते हैं। – Spudley

उत्तर

3

input::-ms-clear { display: none; } 

या

input::-ms-clear { visibility: hidden; } 

एक hackier हैक का प्रयास हो सकता है:

के बाद एक परीक्षण पृष्ठ है कि जब IE10 के तहत चलाए जा IE5 असामान्य मोड में समस्या पुनरुत्पादित करता है मार्जिन-दाएं और अतिप्रवाह गुणों का उपयोग करने के लिए

input { margin-right: -20px; overflow: hidden } 
+3

':: - ms-clear' को भी शुरू करने के लिए पहचाना नहीं जा रहा है, इसलिए यह कुछ भी नहीं करता है। – BoltClock

+0

दरअसल, :: - एमएस-स्पष्ट आईएसएन बिल्कुल मान्यता नहीं है, और दुर्भाग्यवश 'हैकी' विकल्प या तो चाल नहीं करता है। – Aron

+1

बेशक यह पहचाना नहीं जा रहा है। यह क्विर्क मोड का पूरा बिंदु है - क्विर्क मोड में आईई 5 का सीएसएस का संस्करण है; यह हटा देता है सभी सीएसएस फीचर्स जो ब्राउज़र से नए हैं। – Spudley