स्टाइलिंग <input आवश्यक ...> WebKit में

Question

कृपया क्रोम ब्राउज़र में इस उदाहरण पर एक नज़र डालें: http://jsfiddle.net/ymzTB/

<form> 
    <input required type = "text" > 
    <input type = "submit" > 
</form> 

जब आप इनपुट को रिक्त छोड़ दें और सिर्फ प्रवेश क्लिक करें, आप एक संदेश प्राप्त करेंगे इस तरह: Please fill out this field. जो अच्छा लग रहा है।

मैं इस संदेश को वेबकिट और अन्य ब्राउज़रों में कैसे स्टाइल कर सकता हूं, कहें, लाल रंग के साथ पृष्ठभूमि रंग को प्रतिस्थापित करें, या फ़ॉन्ट रंग या आकार को किसी और चीज़ पर सेट करें?

Answer 1

आप निम्न pseudo classes उपयोग कर सकते हैं:

::-webkit-validation-bubble{} 
::-webkit-validation-bubble-top-outer-arrow{} 
::-webkit-validation-bubble-top-inner-arrow{} 
::-webkit-validation-bubble-message{} 

[एचटीएमएल 5 प्रपत्र सत्यापन के लिए ओवरराइड सीएसएस/आवश्यक पॉपअप] (की