इनपुट फ़ील्ड में ऑटोफिल सफारी आइकन को छिपाने के लिए कैसे करें

Question

मेरे इनपुट फ़ील्ड में से प्रत्येक में सफारी में तीर वाला छोटा व्यक्ति आइकन होता है। मैं इसे कैसे अक्षम कर सकता हूं? वैसे, मेरे पास कोई अन्य समान पृष्ठ है और यह नहीं हो रहा है। मैंने वेब इंस्पेक्टर में सभी शैलियों को बंद करने का प्रयास किया और एक पृष्ठ में अभी भी आइकन है। तो मुझे नहीं पता कि यह सीएसएस या एचटीएमएल है या नहीं।

Answer 1

यदि आप इसे पूरी तरह छिपाना चाहते हैं, तो आप निम्न सीएसएस चाल का उपयोग कर सकते हैं। असल में यह 'संपर्क-ऑटो-फिल-बटन' का पता लगाता है और इसे आपके इनपुट फ़ील्ड से दूर ले जाता है। सुनिश्चित करें कि आपके फ़ील्ड से अतिरिक्त पैडिंग से बचने के लिए आपके पास 'पूर्ण: स्थिति' है।

input::-webkit-contacts-auto-fill-button { 
    visibility: hidden; 
    display: none !important; 
    pointer-events: none; 
    position: absolute; 
    right: 0; 
} 

Answer 2

संबंधित: मैं एक input[type="password"] के लिए कुंजी आइकन की स्थिति को समायोजित करना चाहता था लेकिन कहीं भी छद्म तत्व चयनकर्ता नहीं पा सके।

तो मैं वेबकिट स्रोत क्लोन और पता लगाने के लिए यह इनपुट पासवर्ड फील्ड में :)

input::-webkit-credentials-auto-fill-button

Answer 3

छिपाएं स्वत: भरण सफारी आइकन में सक्षम था

::-webkit-credentials-auto-fill-button { 
    visibility: hidden; 
    pointer-events: none; 
    position: absolute; 
    right: 0; 
} 

Answer 4

आप सभी को रद्द करने की जरूरत नहीं है ऑटोफिल बटन के गुण।

सफारी के आइकनों को पूरी तरह से छिपाने के लिए, आप अपने रैपर को भी छुपा सकते हैं।

जैसे आइकन छाया सामग्री हैं, डीओएम इसे नहीं दिखाएगा लेकिन छाया डोम करता है। इंस्पेक्टर में बस '<>' - बटन चालू करें। अंदर आप पासवर्ड कीचेन और टोपी-लॉक सूचक मिलेगा

input::-webkit-textfield-decoration-container { 
    display: none; /* or whatever styling you want */ 
} 

:

वहाँ आप रैपिंग कंटेनर आप इस तरह सीएसएस के साथ लक्षित कर सकते हैं मिल जाएगा

input::-webkit-caps-lock-indicator { 
} 

input::-webkit-credentials-auto-fill-button { 
} 

ओह, और जब आप इसमें हों, तो अपने स्पष्ट बटन और पासवर्ड आंख आइकन के साथ आईई को न भूलें:

input::-ms-clear { 
} 

input::-ms-reveal { 
}