Visualizzazione dei risultati da 1 a 9 su 9

Discussione: button colorato

  1. #1
    Utente bannato
    Registrato dal
    Apr 2003
    Messaggi
    1,119

    button colorato

    vorrei colorare un button non con i fogli di stile.
    riesco a colorarlo con OnMouseOver e OnMouseOut, ma solo se il mouse ci passa sopra!
    c'è una funzione tipo OnLoad ma per il tag IMPUT???

  2. #2
    Utente di HTML.it L'avatar di Sgnafurz
    Registrato dal
    Mar 2003
    Messaggi
    2,182
    eeeeeh????
    cosa??? rispieg!

  3. #3
    Utente bannato
    Registrato dal
    Apr 2003
    Messaggi
    1,119
    ho questo codice:
    codice:
    <input type="button" value="   xxxx   " onclick="#" OnMouseOver="this.style.background='red'" OnMouseOut="this.style.background='#D6D3CE'" >
    solo che il button si colora solo al passaggio del mouse...

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    411
    Potresti usare un'immagine come button

  5. #5
    Utente bannato
    Registrato dal
    Apr 2003
    Messaggi
    1,119
    lo so ma non ho voglia
    poi si può con i fogli di stile...

    <input type="submit" name="Submit" value="Invia" style="input.btn" class="btn" >
    <head>
    <style>
    input.btn
    { /* button */
    border-top: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #4e4e4e;
    border-bottom: 1px solid #4e4e4e;
    background-color: #3771a8;
    color: white;
    text-transform: uppercase;
    font-size: 10px;
    font-family: Tahoma, Verdana, Sans-serif;
    font-weight: bold;
    padding: 1px;
    }
    </style>
    </head>

  6. #6
    Perchè non usare i CSS?

    Non hai bisogno di usare un foglio di stile, è sufficiente usare l'attributo style:

    <input style="background-color:#FF0000">

    e così via...
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

  7. #7
    Utente bannato
    Registrato dal
    Apr 2003
    Messaggi
    1,119
    èvvero!!
    grazie
    ma per i bordi? border-top, border-left etc?

  8. #8
    Se vuoi usare il tuo codice, però ha un errore, non bisogna usare style=input.btn", non ha alcun senso.

    <head>
    <style>
    input.btn
    { /* button */
    border-top: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #4e4e4e;
    border-bottom: 1px solid #4e4e4e;
    background-color: #3771a8;
    color: white;
    text-transform: uppercase;
    font-size: 10px;
    font-family: Tahoma, Verdana, Sans-serif;
    font-weight: bold;
    padding: 1px;
    }
    </style>
    </head>
    <body><form>
    <input type="submit" name="Submit" value="Invia" class="btn">
    </form>
    </body>

    Ciao!
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

  9. #9
    Utente bannato
    Registrato dal
    Apr 2003
    Messaggi
    1,119
    si lo so ma lavevo copiato da 1 altro in qesto forum e non lho modificato...

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.