2009-11-30 7 views
19

Gibt es eine Möglichkeit, die Farbe einer Schaltfläche oder zumindest die Farbe der Schaltflächenbeschriftung programmgesteuert zu ändern? Ich kann das Etikett selbst mitÄndern der Schaltflächenfarbe programmgesteuert

ändern
document.getElementById("button").object.textElement.innerText = "newlabel"; 

Aber wie die Farbe ändern?

+7

+1 einfach, weil ich keinen Grund, sehen dies jemand Abstimmung nach unten. – Jimmeh

Antwort

6

Hier ist ein Beispiel unter Verwendung von HTML:

<input type="button" value="click me" onclick="this.style.color='#000000'; 
this.style.backgroundColor = '#ffffff'" /> 

Und hier ist ein Beispiel unter Verwendung von JavaScript:

document.getElementById("button").bgcolor="#Insert Color Here"; 
+0

Sorry, ich habe meine Antwort auf alle Posts zwei Posts oben, war zu spätem Jahr :-( Also nur zu wiederholen, keiner der Vorschläge funktioniert, obwohl der letzte, den ich nicht verstehe, also habe ich es nicht versucht. Danke für weitere Hinweise: – Zsolt

5

Wahrscheinlich am besten den Klassenname zu ändern:

document.getElementById("button").className = 'button_color'; 

Dann Sie fügen dem CSS einen Buton-Stil hinzu, in dem Sie ca n setze die Hintergrundfarbe und alles andere.

+0

Denken Sie daran, den Code highlight zu setzen! **;) ** –

+0

Danke Nathan/DOK, nichts davon funktioniert. Es passiert einfach nichts. Seltsam ist, dass in CSS die Farbe der Schaltfläche überhaupt nicht definiert ist. Wenn ich es wie Farbe definiere: # 00cccc; dann ändert es (statisch) die Farbe des Etikettentextes. Dashcode ist ein bisschen spezifisch ich denke, es ist Apple-iziertes Javascript ... Irgendwelche weiteren Idee? Danke Zsolt – Zsolt

+0

könnte etwas mit der ID der Schaltfläche sein, die Schaltfläche - vielleicht ändern Sie die ID zu 'submit_button' oder etwas – matpol

18

Ich habe endlich einen funktionierenden Code - versuchen Sie dies:

document.getElementById("button").style.background='#000000'; 
+2

document.getElementById ("submit_button"). Style.backgroundColor = 'lightgreen'; // das behält die Hover-Farbänderung bei – xinthose

1
use jquery : $("#id").css("background","red");