Come posso personalizzare il campo del file "Sfoglia" in ruby on rails. nel senso che voglio cambiare il colore e lo stile del pulsante. È possibile in ROR? In tal caso, qualcuno può darmi una mano ...file_field Pulsante Sfoglia personalizza
risposta
L'helper di All Rails file_field
semplifica la creazione di un input di file, piuttosto che dover codificare il codice HTML direttamente (ad esempio <input type="file" ...>
). Sfortunatamente, l'input del file non è molto stilizzato, e il pulsante tende in particolare ad essere bloccato sul modo in cui il browser definisce che dovrebbe apparire.
Tuttavia, ci sono alcune tecniche/hack per ingannare il browser nel fare in modo che il pulsante Sfoglia appaia come lo vuoi, facendo uso di CSS e Javascript. Puoi dare un'occhiata a un articolo a riguardo su quirksmode. Tuttavia, poiché utilizza la proprietà CSS opacity
, l'input non sembrerà corretto nei browser che non lo supportano. Inoltre, ci sono altri problemi con questo approccio, come delineato nell'articolo.
- 1. Come posso personalizzare il pulsante Sfoglia?
- 2. pulsante indietro di Personalizza ActionBar
- 3. Personalizza il pulsante Annulla del framework Twitter
- 4. Personalizza il pulsante Elimina in UITableView
- 5. Personalizza il pulsante Indietro per UIImagePickerController?
- 6. CFileDialog :: Sfoglia cartelle
- 7. Git - Sfoglia repository remoto
- 8. Rails graffetta, Modifica forma file_field non assegnato
- 9. Personalizza la dimensione del testo nel pulsante bootstrap
- 10. Prevenire un accidentale Indietro Sfoglia
- 11. Personalizza UISearchDisplayController
- 12. Personalizza UIMenuController
- 13. Personalizza xtable
- 14. Personalizza UINavigationBar carattere
- 15. Finestra di dialogo Sfoglia per cartella
- 16. Ruby On Rails: esempio di file_field su form_for
- 17. Rails 4.2: file_field, stringa contiene errore byte null
- 18. Android - ActivityOptionsCompat - Personalizza Espandi animazione
- 19. Personalizza BeanFactory con SpringJUnit4ClassRunner?
- 20. personalizza istanze Elean Beanstalk
- 21. Personalizza il menu Apple
- 22. Personalizza ActionBar TabBar (ActionBarSherlock)
- 23. Yii2 esteso/Personalizza GridView
- 24. Personalizza il callout MKAnnotationView
- 25. Personalizza animazione UINavigationController: CATransition
- 26. Personalizza URL in AddThis
- 27. Personalizza prompt "contatti desiderati"?
- 28. JOptionPane personalizza l'input
- 29. Registrazione FOSUserBundle personalizza
- 30. Personalizza campo messaggio su Facebook Condividi
Questo non è specifico di Rails, è parte del browser. Non so come personalizzarlo, ma prova a taggare la tua domanda con i CSS - potresti ottenere più risposte. – Jarrod