Bredd på specifika input-element

7 svar · 206 visningar · startad av sabbacus 22 mars 2003

sabbacusMedlem sedan juli 2002630 inlägg

Frågan22 mars 2003 01:01#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. 20002 612 inlägg

22 mars 2003 01:49#2

.tvahundraPX { 
width: 200px; 
} 
.fyrahundraPX { 
width: 400px; 
}

<INPUT class="fyrahundraPX" name=fyrahundra><BR>
<INPUT class="tvahundraPX" name tvahundra>

sabbacusMedlem sedan juli 2002630 inlägg

22 mars 2003 02:57#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 2002167 inlägg

22 mars 2003 16:29#4

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

sabbacusMedlem sedan juli 2002630 inlägg

22 mars 2003 17:55#5

Vilka browsers stödjer det?

elvelindMedlem sedan juli 2002167 inlägg

22 mars 2003 18:16#6

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

Peter SMedlem sedan dec. 20025 483 inlägg

22 mars 2003 18:18#7

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

sabbacusMedlem sedan juli 2002630 inlägg

22 mars 2003 18:25#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 :(