Wie kann ich einen anderen Stil auf Onclick-Eingangstaste anwenden?

Question

Ich benutze eine HTML-Eingabe-Art-Taste, hat Hintergrundfarbe mit Farbverlauf und umgekehrt auf Hover, aber ich möchte on-click dort sollte solide Hintergrundfarbe sein und wenn ich Knopf loslassen dann zeigt es als Normalzustand.

Answer 1

Während Sie also die Maustaste gedrückt halten, möchten Sie, dass sich das Styling ändert und wenn Sie es dann loslassen, wird es wieder normal? Es gibt ein mousedown und mouseup Ereignis in jQuery, das Sie verwenden können.

Grundstruktur:

("#element").mousedown(function(){ 
    this.css(); 
}); 

("#element").mouseup(function(){ 
    this.css(); 
}); 

Answer 2

Sie müssen unter CSS Ihre Schaltfläche hinzuzufügen.

<button type="button" class="myBtn">Highlight me when Clicked</button> 
.myBtn:active { 
    background-color: #dd4814; 

} 

Siehe die fiddle. Ändern Sie CSS nach Ihrer Anforderung.

Answer 3

Ihre HTML:

<input type="button" id="buttonId" value="Button" onclick="showChanges()"/> 

und JS:

<script> 
function showChanges(){ 
    document.getElementById("buttonId").style.backgroundColor ="red"; 
} 
</script> 

Answer 4

testen

<input type="button" class="button_example" href="#" value="PREVIEW BUTTON"></input> 

.button_example:active{ 
    background:#000; 
} 

http://jsbin.com