Cambiare colore ad un button

Vincenzo Luongo

Nuovo Utente
15 Feb 2016
2
0
0
Ho creato un button che quando ci clicchi sopra mostra del contenuto sotto, vorrei cambiare colore, altezza e larghezza ma non ho idea di come si faccia

il codice che uso è questo:

<script>
window.onload=function(){

var event = document.getElementById("event");
event.onclick=function(){
var event = document.getElementById("event");
var content = document.getElementById("contenuto");
if(content.style.display == "none") {
content.style.display = "";
event.innerHTML = "Nascondi";
}
else {
content.style.display = "none";
event.innerHTML = "Mostra";
}
}
}
</script>
<button id="event">Mostra</button>

<div id="contenuto" style="display:none">
blablabla
</div>
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.005
295
83
Codice:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>
<style type="text/css">
#event {
	background: #000DFF; /*qui cambi colore allo sfondo*/
	color: #FFFFFF; /*qui cambi colore al testo*/
	width: 100px; /*qui cambi la larghezza*/
	height: :60px; /*qui cambi l'altezza*/
	font-weight: bold; /*Spessore testo*/
	
}
</style>
</head>

<body>
<script>
window.onload=function(){

var event = document.getElementById("event");
event.onclick=function(){
var event = document.getElementById("event");
var content = document.getElementById("contenuto");
if(content.style.display == "none") {
content.style.display = "";
event.innerHTML = "Nascondi";
}
else {
content.style.display = "none";
event.innerHTML = "Mostra";
}
}
}
</script>
<button id="event">Mostra</button>

<div id="contenuto" style="display:none">
blablabla
</div> 
</body>
</html>
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.005
295
83
Hai sbagliato qualche cosa nel copiare il mio esempio perchè funziona tutto bene! Ricontrolla!
Io lo ho testato e funziona sia i colori e le dimensioni che il click