[CSS] File Input veranderen?

[Verwijderd]

Ik heb een <input type="file"> dan kan ik met CSS wel de input balkje veranderen maar er zit ook een knopje bij Bladeren... en die veranderd niet mee. Kan je dit wel veranderen simpel met css of moet ik wat anders doen dan als het al kan

dis hoe het eruitziet TEMP Page

[ Voor 19% gewijzigd door Verwijderd op 08-06-2003 18:22 ]

[Thijsmans]

Ik meen dat de file-input door het OS gerenderd wordt, niet door de browser. I.v.m. veiligheidsredenen zou hij dus ook niet aanpasbaar zijn. Wat je misschien wel kunt doen is een plaatje op de knop positioneren en de click op de knop simuleren (document.forms[0].elements['filenaam'].click() ).

[Verwijderd]

Das nep raar dat dat niet meegepakt word

[André]

Heb ik ook eens mee gezeten. Maar na lang zoeken kwam ik erachter dat dat de enige mogelijkheid is.

[Verwijderd]

input file is read only, er kan nix aan veranderd (noch de style, noch de waarde) worden uit veiligheidsredenen. file input is namelijk een krachtig middel (bestanden uploaden) waarbij je de gebruiker niet mag verwarren. de input knop moet altijd herkenbaar zijn, zodat de gebruiker meteen weet ojah ik ga nu een bestand uppen.

[Verwijderd]

Toch klopt het niet helemaal: je kunt de filebox wel enigszins veranderen qua uiterlijk:



Dit is een stukje van een web-based tooltje wat ik heb geschreven voor een klant een tijd geleden. Ik moest er ineens aan denken

[Guillome]

Dat kan volgens mij niet, anders zou de code wel hadnig zijn
Enneh document.forms[0].elements['filenaam'].click() wil ook niet.
Zoiets heb ik ook een keer gebruikt, maar dat is ook beveiligd.

[Verwijderd]

HTML:

CSS:

border : 1 solid Black;
width : 200px;
height: 20px;

that's all