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