2009-11-30 16 views
19

¿Hay alguna manera de cambiar el color de un botón, o al menos el color de la etiqueta del botón mediante programación? puedo cambiar la propia etiqueta conCambio del color del botón mediante programación

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

Pero cómo cambiar el color?

+7

+1 simplemente porque no veo ninguna razón para que alguien votando esto. – Jimmeh

Respuesta

6

Aquí hay un ejemplo usando HTML:

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

Y aquí es un ejemplo de uso de JavaScript:

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

Lo siento, puse mi respuesta a todas las publicaciones de dos publicaciones anteriores, fue hasta ayer :-( Así que solo para repetir, ninguna de las propuestas funciona, aunque la última no la entiendo así que no la probé. Gracias por más sugerencias. – Zsolt

5

Probablemente es mejor cambiar el Nombre de clase:

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

Entonces agrega un estilo de botón al CSS donde puede n establecer el color de fondo y cualquier otra cosa.

+0

Recuerde poner el código resaltado! **;) ** –

+0

Gracias Nathan/DOK, ninguno de estos funciona. Simplemente no pasa nada. Lo curioso es que en CSS el color del botón no está definido en absoluto. Si lo defino como color: # 00cccc; luego cambia (estáticamente) el color del texto de la etiqueta ... Dashcode es un poco específico Supongo que es Apple-ized Javascript ... ¿Alguna otra idea? Gracias Zsolt – Zsolt

+0

podría ser algo con la identificación del botón que es el botón - quizás cambie la identificación a 'enviar_botón' o algo – matpol

18

que finalmente han encontrado un código de trabajo - intente esto:

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

document.getElementById ("submit_button"). Style.backgroundColor = 'lightgreen'; // esto mantiene el cambio de color de desplazamiento – xinthose

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