इनपुट प्रकार बटन दबाए जाने पर रंग बदलता है?

Question

मैं अपने इनपुट प्रकार = बटन दबाकर रंग बदलने के लिए चाहता हूं। उदाहरण के लिए, यदि मेरे पास एक सफेद बटन है, तो मैं इसे दबाकर केवल हरा बनना चाहता हूं, और जब यह और दबाया नहीं जाता है तो मैं चाहता हूं कि यह सफेद हो। मैं इसे HTML और जावास्क्रिप्ट में कैसे कर सकता हूं? (मेरा बुरा अंग्रेजी के लिए खेद है और धन्यवाद)

Answer 1

इस राज्य के लिए सीएसएस चयनकर्ता :active

कहा जाता है तो अगर आप कार्य करें:

input.btn:active { background:green }

कि काम करना चाहिए।

demo

Answer 2

सादे वेनिला HTML + JavaSctipt देखें:

<input type="button" style="background-color:white" value="Click Me" onmousedown="this.style.background='green'" onmouseup="this.style.background='white'" /> 

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

Answer 3

मेरे लिए यह केवल के साथ काम करता है:

<style> 
input:active{ background-color:green} 
</style> 

एक अन्य विकल्प के लिए है कल्पना माउस पर ify, केवल बटन के लिए:

<style> 
input[type=button]:hover{ background-color: #46000D} 
<style>