Applicare uno stile a Select e Input file su Firefox

**GI89** · 22-11-2015, 16:54

Buongiorno a tutti,

non riesco ad appliccare stili su input select e file, ad esempio

codice HTML:

<input type="file" name="file-90" size="40" class="wpcf7-form-control wpcf7-file wpcf7-validates-as-required upload" aria-required="true" aria-invalid="false">

e select

codice HTML:

<select name="menu-429" class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" aria-required="true" aria-invalid="false"><option value="Sono uno studente">Sono uno studente</option><option value="Ho già esperienza">Ho già esperienza</option></select>

Per l'input file ho provato ad utilizzare input [type=file], ma funziona solo su Chrome, mentre continuo ad avere problemi su Firefox e safari.

Come posso applicare uno stile?

**carlomarangoni** · 22-11-2015, 17:54

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
input {
    background: #FFED00;
}
select {
    background: #FF9E9F
}
</style>
</head>

<body>
<input type="file" name="file-90" size="40" class="wpcf7-form-control wpcf7-file wpcf7-validates-as-required upload" aria-required="true" aria-invalid="false">

<select name="menu-429" class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" aria-required="true" aria-invalid="false"><option value="Sono uno studente">Sono uno studente</option><option value="Ho già esperienza">Ho già esperienza</option></select>
</body>
</html>

**GI89** · 22-11-2015, 19:48

Ciao Carlo, grazie per la risposta

indicando campi generici come input e select non posso cambiare il pulsante di upload che si trova nell'input file, inserendo il codice che ho postato mi funziona, però purtroppo va solo su Chrome.

Come dovrei tradurlo per firefox e safari? Non so dove posizionare eventuali ::moz- o ::webkit-

Discussione: Applicare uno stile a Select e Input file su Firefox

Strumenti discussione

Ricerca discussione

Visualizza

Applicare uno stile a Select e Input file su Firefox

Permessi di invio