Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it L'avatar di dvd810
    Registrato dal
    Mar 2009
    Messaggi
    157

    colorare testo nell'input box di un form

    Ciao a tutti.
    Piccolo problema:
    ho un form, con vaie input box, nelle quali inserisco il testo tramite value es. nome, cognome, email ...
    Ho voluto aggiungere un asterisco es. *nome, *cognome, *email... per ricordare i campi obbligatori. L'idea sarebbe avere il testo di un colore e l'asterisco di colore rosso.
    Come posso fare?

    p.s. ricordo che il testo è inserito tramite value.

    grazie a tutti

  2. #2
    Ciao dvd810.
    Puoi usare una proprietà css.
    codice:
       .input_text{
          //proprietà della input text
       }
       .input_text:first-letter{
          color:#F00; //applica il colore rosso solo alla prima lettera della input text
        }
    Spero di esserti stato d'aiuto.
    Ho una logica tutta mia, fatta di if else ...

  3. #3
    Utente di HTML.it L'avatar di dvd810
    Registrato dal
    Mar 2009
    Messaggi
    157
    ho imparato una cosa nuova.
    Grazie

  4. #4
    Utente di HTML.it L'avatar di dvd810
    Registrato dal
    Mar 2009
    Messaggi
    157
    funzione interessante.
    Provandola sono riuscito a applicarla su del testo normale ma non nell'input box

    codice:
    .input, #textarea{ 	
    background-color:#333; 	
    color:#a3a3a3; 
    }  
    .input:first-letter{       
    color:#b00000; 	      
    }
    Sbaglio qual cosa?

    ho anche provato a senza il #textarea

  5. #5
    Ciao come si chiama la classe della input box ?
    comunque ti posto il link della sezione relativa alla proprietà che ti ho suggerito :
    http://css.html.it/faq/leggi/240/com...i-un-elemento/ .

    Ho una logica tutta mia, fatta di if else ...

  6. #6
    Utente di HTML.it L'avatar di dvd810
    Registrato dal
    Mar 2009
    Messaggi
    157
    la classe è class="input", infatti i colori del testo e di Bg sono impostati correttamente
    codice:
    .input, #textarea{ 	
     background-color:#333; 	 
    color:#a3a3a3;  }
    al contrario non viene accettato il first-letter.

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.