Visualizzazione dei risultati da 1 a 4 su 4

Discussione: cambio colore testo

  1. #1

    cambio colore testo

    Salve a tutti

    vorrei fare in modo che quando entro in un campo paragrafo, mi venga cambiato il colore sia dello sfondo che del testo, ho provato così, ma non funziona:
    codice:
    function menu(tagid)
    {
     tagid.style.background='#8cd1ff';
     tagid.style.color='#05f';
    }
    <p onmouseover="menu(this)">Home</p>
    Mi cambia solo il colore dello sfondo, forse è sbagliato mettere style.color...non ne ho proprio idea

    GRAZIE

  2. #2

    Re: cambio colore testo

    Originariamente inviato da pugia
    Salve a tutti

    vorrei fare in modo che quando entro in un campo paragrafo, mi venga cambiato il colore sia dello sfondo che del testo, ho provato così, ma non funziona:
    codice:
    function menu(tagid)
    {
     tagid.style.background='#8cd1ff';
     tagid.style.color='#05f';
    }
    <p onmouseover="menu(this)">Home</p>
    Mi cambia solo il colore dello sfondo, forse è sbagliato mettere style.color...non ne ho proprio idea

    GRAZIE
    a me funziona sia con IE che con FF
    DYNAMIC+ [ E-mail ]

    Secondo me non si può fare!

  3. #3
    Credo che allora sia dovuto al fatto che c'è un collegamento all'interno del paragrafo... pensavo che non contasse e allora non l'ho scritto, il codice è così:
    codice:
    <p onmouseover="menu(this)">Home</p>
    il CSS per i vari elementi è questo:
    codice:
    #menu p {
     background-color: #09f;
     border: 1px solid #fff;
     text-align: center;
    }
    
    #menu a {
     color: #fff;
     text-decoration: none;
    }
    
    #menu a:hover {
      color: #05f;
    }
    il paragrafo è contenuto all'interno di un div con id="menu".

    In questo modo il colore mi cambia solo quando vado sopra il testo(hover) ma non quando vado all'interno dell'area delimitata dal paragrafo...

  4. #4

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.