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.
input type="file"
22 svar · 445 visningar · startad av Stina
value="din knapptext"
Jo det låter ju logiskt men så enkelt är det faktiskt inte. Detta funkar inte. Någon annan som vet?
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>
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...
Bakgrundsfärg och sånt kan du ändra precis som alla andra knappar. Använd CSS. :)
------------------
/Tor
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.
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>
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
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
Jag förstår inte riktigt vad toha menar.
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>
...och <TITLE>-attributet funkar inte i Netscape förrän i 6:an. :l
------------------
/Tor
LunarStorm har faktiskt lyckats fiffla med knappens utseende genom CSS.
Vad har dom gjort då?
------------------
/Tor
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
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
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!