---
title: "Bredd på specifika input-element"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/71781-bredd-på-specifika-input-element"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "sabbacus"
published: "2003-03-22T01:01:20.000Z"
updated: "2003-03-22T18:25:12.000Z"
replies: 7
views: 211
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/71781-bredd-på-specifika-input-element"
---

# Bredd på specifika input-element

## #1 — sabbacus, 2003-03-22T01:01Z

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

Permalänk: https://www.webforum.nu/p/71781

## #2 — Rödalacket, 2003-03-22T01:49Z

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

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

Permalänk: https://www.webforum.nu/p/985500

## #3 — sabbacus, 2003-03-22T02:57Z

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?

Permalänk: https://www.webforum.nu/p/985513

## #4 — elvelind, 2003-03-22T16:29Z

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

Permalänk: https://www.webforum.nu/p/985733

## #5 — sabbacus, 2003-03-22T17:55Z

Vilka browsers stödjer det?

Permalänk: https://www.webforum.nu/p/985779

## #6 — elvelind, 2003-03-22T18:16Z

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

Permalänk: https://www.webforum.nu/p/985797

## #7 — Peter S, 2003-03-22T18:18Z

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

 :)

Permalänk: https://www.webforum.nu/p/985800

## #8 — sabbacus, 2003-03-22T18:25Z

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 :(

Permalänk: https://www.webforum.nu/p/985806

---

Tråden på webben: https://www.webforum.nu/amne/html-css/71781-bredd-på-specifika-input-element
