/ / क्रोम के दो अलग-अलग संस्करणों पर अलग दिखने वाले टेक्स्टारे को कैसे रोकें? - एचटीएमएल, सीएसएस, इंटरनेट एक्सप्लोरर, गूगल क्रोम, इनपुट

क्रोम के दो अलग-अलग संस्करणों पर अलग दिखने वाले टेक्स्टारे को कैसे रोकें? - एचटीएमएल, सीएसएस, इंटरनेट एक्सप्लोरर, गूगल क्रोम, इनपुट

क्रॉस-ब्राउज़र परीक्षण मुझे सबसे अच्छा समय पर सिरदर्द देता है, लेकिन इसने मुझे वास्तव में फेंक दिया है। मैंने Google क्रोम में अपनी वेबसाइट विकसित की (और एक मैक पर), और हाल ही में खोज फ़ंक्शन को अपडेट किया है और खोज इनपुट क्षेत्र को फिर से स्टाइल किया है।

मैंने देखा कि जब मैंने इंटरनेट एक्सप्लोरर में क्रॉस-ब्राउजर चेक किया था, तो वेबसाइट के ऊपरी दाएं कोने में खोज इनपुट में टेक्स्ट को क्रोम पर उसी तरह से नहीं रखा गया था।

क्रोम के मेरे संस्करण में, पाठ बॉक्स के बाएं किनारे से 10px दूर है, इसलिए यह अच्छी तरह से वहां बैठता है। इंटरनेट एक्सप्लोरर पर, हालांकि, यह बॉक्स के egde के खिलाफ सही है।

यहां मुद्दा है - जब मैंने क्रोम में अपनी वेबसाइट खोली एक पीसी पर इनपुट में पाठ उसी तरह से रखा गया था जैसा यह आईई में दिखाई देता है।

मुझे लगता है कि ऐसा इसलिए है क्योंकि मेरे मैक पर क्रोम पीसी पर एक अलग संस्करण है। क्या कोई मुझे हल करने में मदद कर सकता है ताकि पाठ इन ब्राउज़रों में अच्छी तरह से बैठे?

आप यहां मेरी वेबसाइट देख सकते हैं http://tinyurl.com/8uaajmz

अग्रिम में सभी को धन्यवाद!

उत्तर:

जवाब के लिए 0 № 1

# खोज_बार_2 के लिए आपका सीएसएस नियम नाम की शुरुआत में _ है, इसे यहां बदलें:

text-indent:10px !important;

और आप ठीक हैं। क्रॉस ब्राउज़र नहीं है यह एक टाइपो मुद्दा है।