webForumDet fria alternativet

Bredd på specifika input-element

7 svar · 206 visningar · startad av sabbacus

sabbacusMedlem sedan juli 2002629 inlägg
#1

Tjaba.
Om jag vill sätta bredden på t.ex. knappar
<input type="submit">, <input type="button">
men inte textfält
<input type="text">
hur gör jag då (CSS)?

om jag sätter

input {
width: 100px;
}

blir alla <input> av den bredden. Jag vill bara sätta t.ex. button till en viss bredd.

Det funkar om man sätter vidden direkt i elementet, t.ex.
<input type="button" style="width:40px">
men jag vill slänga in det direkt i stilmallen.
Jag gissar att det går att lösa genom att slänga in klassnamn på elementet i fråga men jag vill sätta en standardvidd (och likaså standardutseende) på samtliga knappelement men inte på textfältelementen (för ni håller väl med om att knappar som har en bredd på 200px ser rätt fånigt ut :-)

Jag har för mig att jag lyckades göra det en gång i tiden men jag kan fanken inte komma på hur jag gjorde det :-(

In i dimman...
/M

RödalacketMedlem sedan feb. 20001 160 inlägg
#2
.tvahundraPX { 
width: 200px; 
} 
.fyrahundraPX { 
width: 400px; 
}
<INPUT class="fyrahundraPX" name=fyrahundra><BR>
<INPUT class="tvahundraPX" name tvahundra>
sabbacusMedlem sedan juli 2002629 inlägg
#3

Jo, men jag vill göra det utan att behöva anropa klassen och istället sätta värdet direkt på elementet

exempel:
body{
whatever...
}
gör att elementet <body> automagiskt får alla egenskaper som definieras ovan medan <body class="baconfett">
får värdena som definieras i

body.baconfett {
whatever...
}

alternativt

.baconfett {
whatever...
}

Jag vill alltså kunna definiera subelement (kallas det så?) till <input> (type="text", type="submit" etc) genom att referrera direkt till dem till stilmallen utan att behöva nyttja klassanrop.
Hängeer ni med på vad jag menar?

elvelindMedlem sedan juli 2002173 inlägg
#4

input[type="text"] { width: 100px }
detta är dock inte vidare stött i browsers..

sabbacusMedlem sedan juli 2002629 inlägg
#5

Vilka browsers stödjer det?

elvelindMedlem sedan juli 2002173 inlägg
#6

senare version av netscape/mozilla och opera om jag inte misstar mig.

Peter SMedlem sedan dec. 20025 484 inlägg
#7

Mozilla
Netscape 6 ( har jag för mig ) och 7
Opera 7

:)

sabbacusMedlem sedan juli 2002629 inlägg
#8

Inte MSIE?
Om inte ens 6an stödjer det försvinner lite av vitsen med att implementera det då man ändå måste kasta in en massa fullösnignar för att IE ska visa sidan korrekt :(

Genererad på 381 ms · cache AV · v20260730165559-full.f96bc7eb