RISOLTO Mandare a capo input type file

Stato
Discussione chiusa ad ulteriori risposte.

EliaRomano

Nuovo Utente
28
1
Buon giorno a tutti!
io sto creando un sito nel quale c'è una tabella con all'interno di una colonna c'è un input type file... io ho bisogno di restringere un po gli spazi quindi volevo restringere la suddetta colonna solo che volevo farlo senza cancellare la scritta "nessun file selezionato". Per caso qualcuno sa se è possibile mandare a capo quella scritta rispetto al pulsante? Se si, come?
Grazie per l'aiuto
 

EliaRomano

Nuovo Utente
28
1
beh...non è che ci sia tanto da far vedere... questo è il codice dell'input
Codice:
<input type="file" name="nomeimg">

praticamente il codice sopracitato mi inserisce quello che vedete nell'immagine, e la mia idea era di mandare a capo la stringa a destra
Immagine.png
 

Mursey

Super Moderatore
Staff Forum
Utente Èlite
5,458
3,210
beh...non è che ci sia tanto da far vedere... questo è il codice dell'input
Codice:
<input type="file" name="nomeimg">

praticamente il codice sopracitato mi inserisce quello che vedete nell'immagine, e la mia idea era di mandare a capo la stringa a destra
Visualizza allegato 385302
Ho capito.
Modificare lo stile di un input file non è possibile, però si può usare una soluzione come
HTML:
<html>
    <body>
        <style>
            input[type="file"] {
                display: none;
            }
            .custom-file-upload {
                border: 1px solid #ccc;
                display: inline-block;
                padding: 6px 12px;
                cursor: pointer;
            }
        </style>
        <label class="custom-file-upload">
            <input type="file" name="nomeimg"/>
            Scegli file
        </label>
    </body>
</html>
la resa è
Image2.png

Fonte: https://stackoverflow.com/questions/572768/styling-an-input-type-file-button

Può essere un inizio per poi elaborarlo come preferisci...
 
Stato
Discussione chiusa ad ulteriori risposte.

Entra

oppure Accedi utilizzando

Hot: PS5 VS XBOX X/S?

  • Playstation 5

    Voti: 303 63.4%
  • XBOX Series X/S

    Voti: 175 36.6%

Discussioni Simili