क्या आपने सोचा है कि कुछ ब्राउज़र कुछ वेबसाइटों पर इनपुट फ़ील्ड को स्वत:भरने के लिए एक भयानक पीले रंग की पृष्ठभूमि का रंग क्यों जोड़ते हैं? मैं आपको यह नहीं बता सकता कि वे ऐसा क्यों करते हैं, लेकिन मैं आपको बताऊंगा कि इस ईशनिंदा से कैसे जल्दी छुटकारा पाया जाए।
सुनिश्चित करें कि आगे बढ़ने से पहले कोई बच्चा मौजूद नहीं है।
यह समस्या क्यों है"? ठीक है, ऐसा नहीं हो सकता है, अगर किसी भी कारण से आपके डिज़ाइन का रंग पैलेट एक स्नॉट-टोन्ड पीले रंग के साथ अच्छी तरह से चला जाता है।
वैसे, यह एक वेबकिट (क्रोम, सफारी और कई अन्य ब्राउज़र) विशिष्ट समस्या है। फ़ायरफ़ॉक्स एक सफेद पृष्ठभूमि रंग का उपयोग करता है।
निम्नलिखित सीएसएस कोड वेबकिट ब्राउज़र में स्वत:भरण इनपुट फ़ील्ड में एक सफेद पृष्ठभूमि रंग जोड़ देगा:
input:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0px 9999px white;
}
नोट:निश्चित रूप से आपको अपने ब्रांड/रंग पैलेट से मेल खाने वाले इनपुट पर किसी भी रंग का उपयोग करना चाहिए। मैं यह सुझाव नहीं दे रहा हूं कि यह चाहिए सफेद होना।
निन्दा पर विजय प्राप्त हुई है। आपका डिज़ाइन बस थोड़ा साफ हो गया है।