2009-11-30 7 views
19

C'è un modo per cambiare il colore di un pulsante o almeno il colore dell'etichetta del pulsante a livello di programmazione? posso cambiare l'etichetta se stesso conCambiare colore pulsante al programmatore

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

Ma come cambiare il colore?

+7

+1 semplicemente perché non vedo alcuna ragione per qualcuno votare questo in giù. – Jimmeh

risposta

6

Ecco un esempio utilizzando HTML:

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

Ed ecco un esempio utilizzando JavaScript:

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

Scusa se ho messo la mia risposta a tutti i post due post sopra, era a fine yeterday :-( Quindi, per ripetere, nessuna delle proposte funziona, anche se l'ultima non la capisco quindi non l'ho provata Grazie per ulteriori suggerimenti: – Zsolt

5

Probabilmente è meglio cambiare il className:

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

Poi si aggiunge uno stile buton al CSS in cui si ca n imposta il colore di sfondo e qualsiasi altra cosa.

+0

Ricordarsi di mettere l'evidenziazione del codice! **;) ** –

+0

Grazie a Nathan/DOK, nessuno di questi funziona. Semplicemente non succede niente. La cosa strana è che nei CSS il colore del pulsante non è definito affatto. Se lo definisco come il colore: # 00cccc; poi cambia (staticamente) il colore del testo dell'etichetta .. Dashcode è un po 'specifico, suppongo, è un javascript Apple-izzato ... Qualche altra idea? Grazie a Zsolt – Zsolt

+0

potrebbe essere qualcosa con l'id del pulsante di essere pulsante - forse cambiare l'id a 'submit_button' o qualcosa – matpol

18

ho finalmente trovato un codice di lavoro - provare questo:

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

document.getElementById ("submit_button"). Style.backgroundColor = 'lightgreen'; // questo mantiene il cambiamento di colore del passaggio del mouse – xinthose

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