Ik was in een pagina een file input aan het zetten, en kwam er tot mijn grote verbazing achter dat Firefox me niet toestaat de breedte te bepalen van dit element via css. Door middel van "outline elements" heb ik alle input elementen omlijnd in de onderstaande afbeelding:
Zoals te zien aan de rode stippenlijn wordt de breedte wel meegenomen, maar wordt het element te klein afgebeeld. Is dit een bug of ligt het aan mij? Ik kon hier verder niks over vinden; --het enige wat iedereen over de file input wil weten is hoe je de stijl van de knop veranderd
--
Voor wie wil helpen hieronder een eenvoudiger stuk html waarin het probleem ook zit:
Edit:
Ik kwam er acter dat als ik op het gebied binnen de rode stippelijnen klik dat het tekstveld de focus en de cursor krijgt.
Zoals te zien aan de rode stippenlijn wordt de breedte wel meegenomen, maar wordt het element te klein afgebeeld. Is dit een bug of ligt het aan mij? Ik kon hier verder niks over vinden; --het enige wat iedereen over de file input wil weten is hoe je de stijl van de knop veranderd
--Voor wie wil helpen hieronder een eenvoudiger stuk html waarin het probleem ook zit:
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15"> <style type="text/css"> #testinput { width:400px; } </style> </head> <body> <form> <input id="testinput" type="file"> </form> </body> </html> |
Edit:
Ik kwam er acter dat als ik op het gebied binnen de rode stippelijnen klik dat het tekstveld de focus en de cursor krijgt.
[ Voor 28% gewijzigd door RwD op 01-04-2005 11:48 ]
:strip_exif()/u/50656/andre-scholten-avatar.gif?f=community){kind=avatar}
. Is daar ook een reden voor?