webForumDet fria alternativet

input type="file"

HTML & CSSur HTML, XHTML & CSS

22 svar · 445 visningar · startad av Stina

Medlem sedan jan. 200189 inlägg
Frågan#1

En browseknapp genereras automatiskt från input type="file". Är det någon som vet hur man bär sig åt för att kunna byta text på den knappen och hur man lägger ett stylekommando.

Medlem sedan apr. 200169 inlägg
#2

value="din knapptext"

Medlem sedan jan. 200189 inlägg
#3

Jo det låter ju logiskt men så enkelt är det faktiskt inte. Detta funkar inte. Någon annan som vet?

Medlem sedan juli 2000415 inlägg
#4

<input type="submit" name="Submit" value="Texten">

Ska fungera så här!

/Pele

Medlem sedan juni 200032 967 inlägg
#5

ok, är det bara jag som fattar vad stina pratar om :q

nej, det går nog inte att byta text på den knappen. det står antingen browse eller bläddra på den beroende på om du har engelskspråkig eller svensk webbläsare. jag har aldrig lyckats byta text, och den beter sig inte heller som andra formulärelement vad gäller css.

sorry.

------------------
<A HREF="http://cartman.nu" TARGET=_blank>
all your base are belong to us!</A>

Medlem sedan jan. 200189 inlägg
#6

Tack Anders - Du har nog rätt är jag rädd. Det innebär väl också då tyvärr att man inte kan ändra bakgrundsfärg heller. Jag får nog ge upp...

Medlem sedan nov. 200013 890 inlägg
#7

Bakgrundsfärg och sånt kan du ändra precis som alla andra knappar. Använd CSS. :)

------------------
/Tor

Gör ett hembesök

Medlem sedan jan. 200189 inlägg
#8

Web-Tor: Ja det är så min fråga löd. Hur man lägger ett stylekommando på en sådan knapp. Om du vet att det går så undrar jag hur.

Medlem sedan juni 200032 967 inlägg
#9

det skulle jag också vilja veta.

file är det konstigaste formulärelementet...

------------------
<A HREF="http://cartman.nu" TARGET=_blank>
all your base are belong to us!</A>

Medlem sedan nov. 200013 890 inlägg
#10

Ok. Nu har jag läst frågan igen (ordentligt den här gången). :r

Lägger du på stylekommandon så påverkas inte själva knappen utan bara textfältet.

Men vissa saker påverkar även knappen och kan göra den lite snyggare t.ex:

<style type="text/css">
<!--
.knapp
{
    BORDER-BOTTOM: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT: 11px verdana,arial,helvetica;
}
-->

OBS! Ser olika ut i IE och NN.

Det var kanske inte allt du efterfrågade men lite... :)

------------------
/Tor

Gör ett hembesök

Medlem sedan dec. 1999707 inlägg
#11

Vad du däremot kan göra är att använda dig av TITLE-attributet vilket gör att du får en tooltip på kontrollen. Alltid nåt.

------------------
/ Torbjörn Hansson, webbutvecklare
Endero Sverige

Medlem sedan jan. 200189 inlägg
#12

Jag förstår inte riktigt vad toha menar.

Medlem sedan juni 200032 967 inlägg
#13

använder du title i <input> får du upp en liten gul(?) ruta med en förklaring, fungerar som alt när du pysslar med bilder.

blev det klarare?

------------------
<A HREF="http://cartman.nu" TARGET=_blank>
all your base are belong to us!</A>

Medlem sedan nov. 200013 890 inlägg
#14

...och <TITLE>-attributet funkar inte i Netscape förrän i 6:an. :l

------------------
/Tor

Gör ett hembesök

Medlem sedan juli 2000103 inlägg
#15

LunarStorm har faktiskt lyckats fiffla med knappens utseende genom CSS.

------------------
That you're paranoid doesn't mean you're not being monitored...
Monitora

Medlem sedan nov. 200013 890 inlägg
#16

LunarStorm har faktiskt lyckats fiffla med knappens utseende genom CSS.

Vad har dom gjort då?

------------------
/Tor

Gör ett hembesök

Medlem sedan aug. 200065 inlägg
#17

Jag har också försökt klura ut hur i sjutton man byter namn på den knappen. Svaret är tyvärr: det går inte.

MEN! Det går självklart att göra en egen funktion med lämpligt programspråk som fungerar på samma sätt. :)

------------------
/M

Medlem sedan juli 2000103 inlägg
#18

Kollade, men jag kommer inte riktigt ihåg. Tror det var ngt så enkelt som att input-taggen var samma class som alla andra CSS-formaterade formulärelement.

Kolla själv vetja.

------------------
That you're paranoid doesn't mean you're not being monitored...
Monitora

Medlem sedan nov. 200013 890 inlägg
#19

Tror det var ngt så enkelt som att input-taggen var samma class som alla andra CSS-formaterade formulärelement.

Återigen: Det ända som går att göra är detta:

<style type="text/css">
<!--
.knapp
{
BORDER-BOTTOM: black 1px solid;
BORDER-LEFT: black 1px solid;
BORDER-RIGHT: black 1px solid;
BORDER-TOP: black 1px solid;
FONT: 11px verdana,arial,helvetica;
}
-->

------------------
/Tor

Gör ett hembesök

Medlem sedan feb. 200112 078 inlägg
#20

Både Web-Tor och Dusty har rätt; Lunarstorm.se har fifflat med knappen, men de har använt samma typ avkod som Tor skrivit ovan.

Knappen ser mycket riktigt ut som resten av elementen på sidan, dvs svarta outlines och nån skum färg i.

------------------
I like chocobo treasure hunting!

143 ms totalt · 3 externa anrop · v20260731065814-full.4bcf49fe
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
140 ms — hämta tråd, inlägg och bilagor (db)