[CSS] :first-letter bij <label>

[Verwijderd]

Hoi,

Ik ben tegen het volgende probleem aangelopen. Ik wil gebruik maken van de :first-letter pseudo classe voor in mijn selector.

Dit werkt allemaal perfect:

code:

p:first-letter {
    color: #f00;
}

totdat ik deze aan een label toe ken:

code:

label:first-letter {
    color: #f00;
}

Het werkt overigens wel als je de pseudo classe aan het gehele document toepast:

code:

:first-letter {
    color: #0f0;
}

Zie een test op http://www.stugots.nl/csstest.htm.

Ik heb overigens ook al geprobeerd een classe aan het label toe te kennen en vervolgens css daar op af te stellen maar dan pakt ie hem ook niet.
Wie kan mij verder helpen?

[pasta]

Je testcase werkt hier gewoon, de * is in het groen. (Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0) Verder werkt het ook onder IE6 onder WinXP + SP2

[ Voor 15% gewijzigd door pasta op 08-11-2004 15:15 ]

[André]

Zet om de eerste letter dan een <span> en zet in je CSS:

Cascading Stylesheet:

label span { color: #f00; }

Het schijnt dat zonder doctype (in quirks mode) het wel werkt.

[ Voor 27% gewijzigd door André op 08-11-2004 15:16 ]

[Verwijderd]

Ja hij is groen maar dat is dus niet de bedoeling, groen is namelijk van toepassing op het hele document om te laten zien dat dit wel werkt. Als ik het vervolgens met rood wil 'overschrijven' werkt ie dus alleen bij <p>.

Verder kan ik geen span of div binnen mijn label gebruiken omdat wanneer je dan op het label klikt niet meer naar het bijbehorende tekstfield springt. En dit is nou net de reden waarom ik van label gebruik maak.