2009-11-30 5 views
19

Existe-t-il un moyen de modifier la couleur d'un bouton, ou au moins la couleur de l'étiquette du bouton par programme? Je peux changer l'étiquette elle-même avecModification de la couleur du bouton par programme

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

Mais comment changer la couleur?

+7

+1 simplement parce que je ne vois aucune raison pour quelqu'un de voter cette baisse. – Jimmeh

Répondre

6

Voici un exemple en utilisant HTML:

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

Et voici un exemple en utilisant JavaScript:

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

Désolé j'ai mis ma réponse à tous les messages deux messages ci-dessus, était à la fin hier :-( Donc, juste pour répéter, aucune des propositions de travail, bien que le dernier je ne comprends pas, donc je ne l'ai pas essayé plus d'astuces – Zsolt

5

Probablement mieux pour changer le nom de classe:

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

Ensuite, vous ajoutez un style de buton au CSS où vous pouvez n définir la couleur de fond et toute autre chose.

+0

N'oubliez pas de mettre le code en surbrillance! **;) ** –

+0

Merci Nathan/DOK, aucun de ces travaux. Tout simplement rien ne se passe. Chose étrange, en CSS, la couleur du bouton n'est pas du tout définie. Si je le définis comme couleur: # 00cccc; puis il change (statiquement) la couleur du texte de l'étiquette .. Dashcode est un peu spécifique je suppose, il est Apple-ized Javascript ... Une autre idée? Merci Zsolt – Zsolt

+0

peut être quelque chose avec l'ID du bouton étant bouton - peut-être changer l'id à 'submit_button' ou quelque chose – matpol

18

J'ai enfin trouvé un code de travail - essayez ceci:

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

document.getElementById ("submit_button"). Style.backgroundColor = 'lightgreen'; // cela garde le changement de couleur du survol – xinthose

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