---
title: "CSS (BACKGROUND-COLOR: #EEEEEE;) i Opera"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/88583-css-background-color-eeeeee-i-opera"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "bigsky"
published: "2003-10-15T21:39:10.000Z"
updated: "2003-10-16T12:20:03.000Z"
replies: 9
views: 279
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/88583-css-background-color-eeeeee-i-opera"
---

# CSS (BACKGROUND-COLOR: #EEEEEE;) i Opera

## #1 — bigsky, 2003-10-15T21:39Z

Varför vill inte Opera visa bakgrundsfärgen i textboxen som angivits i stilmallen med följande klass? Allt annat såsom fonten, dess färg och bredden läses ju in från stillmallen.

```
.txtBox
{
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
FONT-SIZE: 10px;
FONT-WEIGHT: normal;
TEXT-DECORATION: none;
COLOR: #000000;
WIDTH: 465px;
HEIGHT: 300px;
BACKGROUND-COLOR: #EEEEEE;
}
```

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

## #2 — Josef, 2003-10-16T06:46Z

Har du provat att validera hela filen med validatorn på w3.org?

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

## #3 — bigsky, 2003-10-16T06:47Z

Nope. Ser du något fel lr?

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

## #4 — Web-Tor, 2003-10-16T06:48Z

I Opera 7 funkar det fint i alla fall.

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

## #5 — bigsky, 2003-10-16T06:49Z

Aha, hade "bara" version 6.05. Kanske inte funkar förrän i 7:an?

Nej, W3C validatorn hittar inga fel...

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

## #6 — Web-Tor, 2003-10-16T06:58Z

Har du en länk till sidan?
Kan du visa hela koden (felet ligger troligtvis någon annan stans)?

/r Jag har bara 7:an så jag kan inte testa, men enligt [den här](http://devedge.netscape.com/library/xref/2003/css-support/css1/mastergrid.html) ska *background-color* funka ända ifrån Opera 4.

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

## #7 — bigsky, 2003-10-16T07:00Z

```
.headline1
{
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
	LINE-HEIGHT: 15px;
	TEXT-DECORATION: none;
	COLOR: #666666;
}

.headline2
{
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
	LINE-HEIGHT: 15px;
	TEXT-DECORATION: none;
	COLOR: #FF0000;
}

.text1
{
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 15px;
	TEXT-DECORATION: none;
	COLOR: #666666;
}

.text2
{
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 15px;
	TEXT-DECORATION: none;
	COLOR: #FF0000;
}

.text3
{
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 15px;
	TEXT-DECORATION: none;
	COLOR: #669900;
}

a:link
{
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	TEXT-DECORATION: underline;
	COLOR: #666666;
}

a:active
{
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	TEXT-DECORATION: underline;
	COLOR: #666666;
}

a:visited
{
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	TEXT-DECORATION: underline;
	COLOR: #666666;
}

a:hover
{
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	TEXT-DECORATION: underline;
	COLOR: #666666;
}

.search
{
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	COLOR: #000000;
	WIDTH: 125px;
	BACKGROUND-COLOR: #EEEEEE;
}

.epass
{
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	COLOR: #000000;
	WIDTH: 158px;
	BACKGROUND-COLOR: #EEEEEE;
}

.password
{
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	COLOR: #000000;
	WIDTH: 158px;
	BACKGROUND-COLOR: #EEEEEE;
}

.chatbox
{
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	COLOR: #000000;
	WIDTH: 465px;
	BACKGROUND-COLOR: #EEEEEE;
}

.dropdownMyTravel
{
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	COLOR: #000000;
	WIDTH: 211px;
	BACKGROUND-COLOR: #EEEEEE;
}

.dropdownMyTravelThree
{
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	COLOR: #000000;
	WIDTH: 63px;
	BACKGROUND-COLOR: #EEEEEE;
}

.newsletter
{
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	COLOR: #000000;
	WIDTH: 158px;
	BACKGROUND-COLOR: #EEEEEE;
}

.dropdownNewsletter
{
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	COLOR: #000000;
	WIDTH: 158px;
	BACKGROUND-COLOR: #EEEEEE;
}

.customerSurvey
{
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	COLOR: #000000;
	WIDTH: 211px;
	BACKGROUND-COLOR: #EEEEEE;
}

.button
{
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	COLOR: #666666;
	BACKGROUND-COLOR: #EEEEEE;
	CURSOR: hand;
}

.buttonCheckIn
{
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	COLOR: #666666;
	WIDTH: 158px;
	BACKGROUND-COLOR: #EEEEEE;
	CURSOR: hand;
}

.txtField
{
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	COLOR: #000000;
	WIDTH: 465px;
	BACKGROUND-COLOR: #EEEEEE;
}

.txtBox
{
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	COLOR: #000000;
	WIDTH: 465px;
	HEIGHT: 300px;
	BACKGROUND-COLOR: #EEEEEE;
}
```

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

## #8 — Web-Tor, 2003-10-16T07:03Z

Kolla redigeringen i mitt förra inlägg.

När jag skrev "hela koden" menade jag alltså **hela koden**. Rubbet!

Men posta den inte här utan zippa den och bifoga filen eller lägg upp den under "Mina filer" i wF:s kontrollpanel.

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

## #9 — nitro2k01, 2003-10-16T10:26Z

> **bigsky skrev:**
>
> Aha, hade "bara" version 6.05. Kanske inte funkar förrän i 7:an?

Det stämmer. Inte förrän i version 7 har Opera stöd för avancerad CSS för form-element.

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

## #10 — bigsky, 2003-10-16T12:20Z

Aja, jag uppdaterade till version 7 och det funkar bra nu. Vill mina Opera besökare ha färgad bakgrund i sina fält får de fanken uppdatera de med, borde ju ligga i deras intresse att ha det senaste. Svårare är det inte.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/88583-css-background-color-eeeeee-i-opera