कौन सी सीएसएस शैली बटन पर क्लिक ईवेंट को संभालती है? होवर

Question

के अलावा मैं इस साइट को देखता हूं जिसमें एक बटन होता है, जब मैं इसे पृष्ठभूमि में बदल देता हूं।

जब मैं बटन पर क्लिक करता हूं, तो बटन अवरुद्ध करने वाला बटन यानी क्लिक ईवेंट पर प्रतिक्रिया करता है।

कौन सी सीएसएस शैली है? मुझे पता है: होवर होवर के लिए है, लेकिन एक क्लिक के बारे में क्या?

Answer 1

सीएसएस घटनाओं को संभाल नहीं करता है।

आप :active छद्म वर्ग की तलाश में हैं, जो केवल ए-टैग के लिए है, बटन नहीं। आप बटनों की तरह दिखने के लिए एक टैग शैली भी कर सकते हैं।

देखें: सक्रिय छद्म वर्ग है, जो भी एक बटन पर कीबोर्ड इनपुट पर लागू होता है (यह पर टैब और स्पेस बार दबाने की कोशिश): http://w3schools.com/CSS/css_pseudo_classes.asp

Answer 2

क्या आप देख रहे हैं के लिए ब्राउज़र की डिफ़ॉल्ट शैलियों है।

ये छद्म-वर्ग एंकर तत्व पर लागू नहीं होते हैं, यह आईई के पुराने संस्करणों के कारण एंकर तत्व के अलावा किसी अन्य चीज़ पर उनका समर्थन करने वाली एक आम गलतफहमी है।

Answer 3

CSS3 अब सक्रियण घटनाओं को संभालता है (2013)।

: सक्रिय छद्म-वर्ग किसी भी सीएसएस चयनकर्ता पर काम नहीं कर रहा है जैसे कि बटन केवल एक टैग नहीं।

CSS3 स्टाइल

p { margin: 2em; } 
button { background-color: White; color: SteelBlue; } 
button:hover { background-color: LightSteelBlue; } 
button:active { background-color: SteelBlue; color: White; } 

एचटीएमएल 5

<p> 
     <button>test button with :active pseudo-class</button> 
    </p> 

डेमो: http://jsfiddle.net/wp86u/

देखें: http://www.w3schools.com/css/css_pseudo_classes.asp (सामग्री Diodeus जवाब के बाद से बदल)