Visualizzazione dei risultati da 1 a 9 su 9
  1. #1

    cambiare colore allo sfondo del bottone dopo il click

    salve, sono nuovo e sono un impedito...
    ancora non so lavorare con i css (cosa che forse risolverebbe il mio problema)...
    cmq, dato, per esempio, un pulsante(o bottone) con il background-color="green"
    come faccio a fargli cambiare il colore dello sfondo dopo averci cliccato sopra
    o a fagli cambiare colore quando ci passo su con il mouse?
    esiste qualche comando o sto solo perdendo tempo?

    vi ringrazio anticipatamente.

  2. #2
    Utente di HTML.it
    Registrato dal
    Nov 2008
    Messaggi
    34

    Re: cambiare colore allo sfondo del bottone dopo il click

    Originariamente inviato da corradob
    salve, sono nuovo e sono un impedito...
    ancora non so lavorare con i css (cosa che forse risolverebbe il mio problema)...
    cmq, dato, per esempio, un pulsante(o bottone) con il background-color="green"
    come faccio a fargli cambiare il colore dello sfondo dopo averci cliccato sopra
    o a fagli cambiare colore quando ci passo su con il mouse?
    esiste qualche comando o sto solo perdendo tempo?

    vi ringrazio anticipatamente.
    #bottone a {
    color: #000000;
    background-color: #fff000;
    }
    #bottone a:hover {
    background-color: #ff0000;
    }

    Cosi al passaggio del mouse il colore di sfondo sara' rosso invece di giallo.

    Ciao!

  3. #3
    Utente bannato
    Registrato dal
    Sep 2007
    Messaggi
    2,777
    Visto che hai chiesto anche di cambiare colore dopo averlo cliccato aggiungo alcodice di culsd :
    codice:
    #bottone a { 
    color: #000000;
    background-color: #fff000;
    }
    #bottone a:hover { 
    background-color: #ff0000;
    }
    #bottone a:visited { 
    background-color: #000000;
    }

  4. #4
    visto che deve fare 1 pulsante che implica un menu(quindi molti oggetti), non è meglio dirgli di fare una class invece di un id?

  5. #5
    Utente bannato
    Registrato dal
    Sep 2007
    Messaggi
    2,777

    Re: cambiare colore allo sfondo del bottone dopo il click

    Originariamente inviato da corradob
    salve, sono nuovo e sono un impedito...
    ancora non so lavorare con i css (cosa che forse risolverebbe il mio problema)...
    cmq, dato, per esempio, un pulsante(o bottone) con il background-color="green"
    come faccio a fargli cambiare il colore dello sfondo dopo averci cliccato sopra
    o a fagli cambiare colore quando ci passo su con il mouse?
    esiste qualche comando o sto solo perdendo tempo?

    vi ringrazio anticipatamente.

  6. #6
    si ma lui da per esempio un bottone...

    per questo chiedevo....

    ho solo interpretato in modo diverso quel per esempio

  7. #7
    Grazie a tutti...
    solo una cosa: quel codice che mi avete dato dove lo scrivo nel form? o nel button?
    e poi, al posto di #bottone, devo mettere il nome del bottone?

    E in fine, che differenza c'è tra class e id... cioè no che differenza, che cosa sono?

    Scusatemi per l'ignoranza e grazie ancora.

  8. #8
    Utente di HTML.it
    Registrato dal
    Nov 2008
    Messaggi
    34
    Ecco il codice completo della pagina HTML:

    codice:
    <HTML>  
    <HEAD>   
    <TITLE>Esempio di un bottone</TITLE>    
    <style type="text/css"> 
    #bottone a{ 
    text-decoration: none; 
    color: #000000; 
    background-color: #fff000;
     } 
    #bottone a:hover{ 
    text-decoration: none; 
    color: #fff000; 
    background-color: #ff0000; 
    }   
    </style>  
    </HEAD>  
     <BODY>    
    <div id="bottone">  Clicca qui  </div>   
    </BODY> 
    </HTML>
    Il bottone è con sfondo giallo e testo nero, mentre, al passaggio del mouse diventa con sfondo rosso e testo giallo.

    Ciao!

  9. #9
    Utente bannato
    Registrato dal
    Sep 2007
    Messaggi
    2,777
    Originariamente inviato da corradob
    Grazie a tutti...
    solo una cosa: quel codice che mi avete dato dove lo scrivo nel form? o nel button?
    e poi, al posto di #bottone, devo mettere il nome del bottone?
    Il codice va inserito nel foglio di stile esterno se lo copi così come è altrimenti nella pagina tra <style>....</style> nell'head.
    #bottone è l'id che si dà al bottone cioè deve essere così:
    codice:
    #nome_id_del pulsante
    Originariamente inviato da corradob
    E in fine, che differenza c'è tra class e id... cioè no che differenza, che cosa sono?

    Scusatemi per l'ignoranza e grazie ancora.
    L'id è una definizione che puoi usare una volta sola nella pagina.
    class lo puoi usare quente volte vuoi

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.