Input field personalizzato

[Valeria75_bis]

Ciao a tutti, partendo da un'immagine con la struttura grafica di un campo

input field

Come posso applicare un CSS per trasformare gli input fields tradizionali con la grafica sopra indicata?


Grazie

[Valeria75_bis]

Nessuna dritta??

Thanks

[Mich_]

Potresti usare un codice di questo tipo:

HTML:
<fieldset class="bloccoInput">
  <label for="...">label</label>
  <input ...  />
</filedset>


CSS:
.bloccoInput {
  width: ...;
  height: ...;
  border: 0;
  background: url(percorso/tuaimmagine.gif);
}
.bloccoInput label {
  color: white;
  float: left;
  width: ...;
}
.bloccoInput input {
  float: left;
  width: ...;
  boder: 0;
}

Ci sono poi da sistemare tutti i bordi e le dimensioni;
Ed e` necessario il clear da qualche parte dopo i due blocchi label e input

[Valeria75_bis]

Grazie mille!!!

Provo subito