मैं एचटीएमएल 5 फॉर्म-सत्यापन संदेश के अंदर छवि कैसे बदलूं?

Question

this article का उपयोग करके, मैं अपने कुछ HTML5 फॉर्म-सत्यापन पॉप-अप की स्टाइल बदल रहा हूं। हालांकि, मेरे त्रुटि पॉप-अप में अभी भी डिफ़ॉल्ट लाल, नारंगी विस्मयादिबोधक बिंदु है, इसके अलावा, मैंने जो नया लाल एक्स जोड़ा है। मैं नारंगी विस्मयादिबोधक बिंदु से कैसे छुटकारा पा सकता हूं (नीचे छवि देखें)। अब तक, मैं केवल क्रोम में परीक्षण कर रहा हूं।

::-webkit-validation-bubble-message 
{ 
    color: #eee; 
    background: #000; 
    border-color: #444; 
    -webkit-box-shadow: 4px 4px 4px rgba(100,100,100,0.5); 
} 

::-webkit-validation-bubble-message:before { 
    content: ""; 
    display: inline-block; 
    width: 16px; 
    height: 16px; 
    margin-right: 4px; 
    background: url(/myPath/myImage.png) 
} 

::-webkit-validation-bubble-arrow { 
    background: #000; 
    border-color: #444; 
    -webkit-box-shadow: 0 0 0 0; 
} 

Answer 1

प्रयास करें:

input::-webkit-validation-bubble-icon { 
display: none; 
} 

या निश्चित रूप से,:

input::-webkit-validation-bubble-icon { 
background: url(http://google.com/favicon.ico); 
} 

यहाँ सीएसएस है कि मैं उस लेख से उपयोग कर रहा हूँ है Jsfiddle यहां: http://jsfiddle.net/xhqhV/