Avatar billede graugart Nybegynder
12. december 2001 - 12:48 Der er 5 kommentarer

Style browse knappen i file-input-boksen?

Hvordan styler man \"browse\" knappen der fremkommer når man laver en <input type=\"file\">???
Avatar billede jumper Nybegynder
12. december 2001 - 12:51 #1
Det gør man ikke da man ikke kan det - istedet kan du blot skjule hele <input type=file>:

<input type=file name=MyFile style=\"display:none\" id=\"MyFile\">

<a href=\"\" onclick=\"MyFile.click();return false\">
<img src=\"upload.gif\" border=0>
</a>

/Thor
Avatar billede lerchedahl Nybegynder
19. december 2001 - 14:12 #2
jumper >> hvorfor anchor-tagget? Du kan da nøjes med:

<img src=\"upload.gif\" onclick=\"MyFile.click();return false\">

...så slipper du samtidig får link-cursoren, som jo heller ikke har noget at gøre på en browse-knap... ;-P

God Jul
Lerchedahl
Avatar billede graugart Nybegynder
09. januar 2002 - 11:10 #3
Jamen jeg skal jo også have input feltet vist?
Avatar billede hhlundgaard Nybegynder
01. maj 2003 - 09:32 #4
<html>
<HEAD>
<style type="text/css">
input
{
position:absolute;
clip:rect(0 145 50 0)
}
.submit
{
Left: 160 px;
background: #D62921;
border: solid 3px #339966;
color: #cccccc;
Font-size: 10px;
}
</style>
</HEAD>
<body>
<input type="file" name="MyFile" style="display:input" id="MyFile" class="file">

<input type="button" onclick="MyFile.click();" value="test" class="submit">


</body>
</html>
Det her spiller max
Avatar billede hhlundgaard Nybegynder
01. maj 2003 - 09:33 #5
og det er et godt svar!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester