---
title: "Flera klasser på ett input fält?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/105919-flera-klasser-på-ett-input-fält"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "mattiasnordin"
published: "2004-06-21T13:55:31.000Z"
updated: "2004-06-22T07:50:32.000Z"
replies: 7
views: 422
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/105919-flera-klasser-på-ett-input-fält"
---

# Flera klasser på ett input fält?

## #1 — mattiasnordin, 2004-06-21T13:55Z

```
<style type="text/css">
<!--
.myFormClass {
	width: 100%;
	color: blue;
}
.myHeader {
	color: black;
	font-family: verdana; 
	font-size: 10pt;
	font-weight: bold;
}

.MyFormText {
	color: gray;
	font-family: arial; 
	font-size: 8pt;
}
.myReadOnlyForm{
	background-color: eeeeee;
}
-->
</style>
```

Går det inte att tilldela flera klasser på samma objekt på något sätt? Typ:

```
<input type="text" name="req_last_info_changed" value="<%=varLastUpdatedDate%>" readonly class="myFormClass; myReadOnlyForm">
```

Kör jag ovan så är det bara den senaste som visas. Dvs texten blir inte blå.

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

## #2 — Melea, 2004-06-21T14:00Z

Gör den ena till en class, den som ska finnas på alla input-fält och den andra till id="" vilket betyder att den endast funkar på en av input-fälten.

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

## #3 — Melea, 2004-06-21T14:02Z

```
<style type="text/css">

.myFormClass {
	width: 100%;
	color: blue;
}

#myReadOnlyForm {
	background-color: eeeeee;
}

</style>

<input type="text" name="req_last_info_changed" value="<%=varLastUpdatedDate%>" readonly class="myFormClass" id="myReadOnlyForm">
```

**Edit** Ni får ursäkta att det blev dubbelpostning, jag skulle egentligen ha redigerat det övre inlägget men råkade istället skapa ett nytt.

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

## #4 — Nexus86, 2004-06-21T14:04Z

Det går att skriva såhär:

```
<input type="text" name="req_last_info_changed" value="<%=varLastUpdatedDate%>" readonly class="myFormClass myReadOnlyForm">
```

Men en bugg i IE förhindrar detta från att fungera där också. För att gå runt det kan du kolla på <http://dean.edwards.name/IE7>. :)

**r/** Det ska ju inte vara någon punkt i slutet av adressen. :p

**r2/** Buggen gällde visst ett annat problem med dubbla klasser. Den där koden funkar fint i IE också. :r

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

## #5 — PepeJeria, 2004-06-21T16:07Z

Du kan lösa detta genom att enbart ta bort ; tecknet:
class="myFormClass myReadOnlyForm"

lägg även till # till classen myReadOnlyForm så är det fixat

Funkar utmärkt i IE, Mozilla, Opera etc

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

## #6 — mattiasnordin, 2004-06-22T07:38Z

Vad betyder # enligt ovan ?

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

## #7 — jarvklo, 2004-06-22T07:46Z

\#enlabel deklarerar ett "id" i CSS och det används t.ex. såhär:

```
i CSS:

#enlabel {color:red;background:teal;}

...

i HTML

<div id="enlabel">blabla</div>
```

 namnet på ett ID måste vara unikt för hela sidan oavsett vilken tagg det kopplas till.

Man kan även skriva 

```
div#enlabel {...}
```

 men eftersom ID:t ändå måste vara unikt inom sidan så är det kanske lite overkill IMHO ;)

Om du har både klasser och id i samma tagg så gäller CSS-deklarationerna i ID:t över dem i klasserna om du råkar få "kollisioner"

```
#specialare {color:red;font-weight:bold}
.textutseende {color:black,}
.bakgrund {background-color:yellow}
.fethet {font-weight:normal}

och

<div id="specialare" class="textutseende bakgrund fethet">blablabla</div>
```

 ger alltså röd, fet text på gul bakgrund. ;)

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

## #8 — PepeJeria, 2004-06-22T07:50Z

Fast det jag syftade med # ovan var till:
.myReadOnlyForm{
	background-color: **\#**eeeeee;
}

Sen kan man även förkorta detta när varje par består av samma tecken, så ovan kan man även skriva som #eee;

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/105919-flera-klasser-på-ett-input-fält