[html] personalizzazione dell' <input type="file>

**luqwe** · 06-10-2004, 09:54

Ciao a tutti,
io devo acquisire dei file da locale tramite un

codice:

<input type="file>

Il problema è che avendo una grafica da seguire, non voglio il bottone "sfoglia" che appare di default. Vorrei il mio e lo vorrei addirittura sotto il box di testo.
Come è possibile personalizzare?

Grazie

**Federix** · 06-10-2004, 10:04

Sotto il box di testo non si può perché l'input file è stato csotruito su un unica riga. Per quanto riguarda lo stile devi crearne uno misto, che contega gli attributi per la casella di testo e quelli per il pulsante. Se hai problemi, guarda quì http://forum.html.it/forum/showthrea...hreadid=515465

**luqwe** · 06-10-2004, 13:59

ciao,
ho letto l'utilissima pillola.

Però nel mio caso particolare non so come muovermi.

Ho creato il seguente stile:

codice:

<style type="text/css">
body {
   font-family: Arial;
   color: #CC00CC;
}

.text {
   font-family: Arial;
   color: #E5E5E5;
   font-size: 10px;
   background-color: #FF0000;
}

.button {
  font-family: Arial;
  color: #000000;
  font-size: 10px;
  font-weight: bold;
  background-color: transparent;
  button-color: #AAAAAA;
}
</style>

e poi nel corpo del body:

codice:

  <input type="file" class="button">

Il problema è che anzichè cambiare il colore del pulsante "sfoglia" cambia il colore dell'area di testo.
Come faccio a creare stili misti come mi hai suggerito tu?

**Federix** · 06-10-2004, 14:07

Devi trovare un compromesso. Se metti un colore al font, assumeranno quel colore sia le scritte nella casella che nel bottone. Se metti un colore di sfondo, lo assumeranno sia il button che il text. Devi arrivare ad un compromesso tra i due stili.

**luqwe** · 06-10-2004, 14:31

io ho messo il colore allo sfondo. quello del testo non mi interessa.
Però mi si colora solo lo sfondo del testo e non il bottone.

**Federix** · 06-10-2004, 14:32

Che stile hai fatto per il file?? Me lo fai vedere???

**luqwe** · 06-10-2004, 14:38

ti allego banalissimamente questo:

codice:

<html>
<head>
<style type="text/css">
.file {
  background-color: #AAABBB;
}
</style>
</head>
<body>
  <input type="file" class="file">
</body>
</html>

**Federix** · 06-10-2004, 15:12

All'input file si puoi modificare solamente il tipo di carattere e la sua dimensione.

**luqwe** · 06-10-2004, 15:20

**bagu** · 06-10-2004, 19:59

Originariamente inviato da Federix
Sotto il box di testo non si può perché l'input file è stato csotruito su un unica riga. Per quanto riguarda lo stile devi crearne uno misto, che contega gli attributi per la casella di testo e quelli per il pulsante. Se hai problemi, guarda quì http://forum.html.it/forum/showthrea...hreadid=515465

alla tua utilissima pillola puoi aggiungere
<input src="submit.gif" type="image" name="submit" value="invia"/>

e ancora il link a

questa pagina che contiene le varie formattazioni possibili gli screenshot di comew appaiono nei vari browser e nei vari sistemi operativi
ciao paolo

Discussione: [html] personalizzazione dell' <input type="file>

Strumenti discussione

Ricerca discussione

Visualizza

[html] personalizzazione dell' <input type="file>

Permessi di invio