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

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;
}

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

Nope. Ser du något fel lr?

I Opera 7 funkar det fint i alla fall.

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

Nej, W3C validatorn hittar inga fel...

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 ska background-color funka ända ifrån Opera 4.

.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;
}

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.

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.

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.