Podkreślenie tekstu w innym kolorze

[alhem]

Witam,
posiadam taki oto kawałek kodu HTML i CSS:

Kod:

<u><span style="color: red;"> TEST </span></u>

Wynik tego w poglądzie przeglądarki jest taki:
TEST
Jak widać podkreślenie jest koloru czarnego, a chciałbym, aby było takiego samego jak ma to określone znacznik span. Problem w tym, że nie mogę przestawić nigdzie indziej znacznika u oraz nie mogę do niego dopisywać stylu o określonym kolorze. Nie mogę także dopisać stylu na podkreślenie do znacznika span.
Czy da się to osiągnąć, jeśli tak to w jaki sposób?

[sunpietro]

zamień miejscami znaczniki, tzn. <u> daj wewnątrz <span>, a nie na odwrót

[alhem]

zamień miejscami znaczniki, tzn. <u> daj wewnątrz <span>, a nie na odwrót

No sorry, pisałem, że nie mogę zmieniać położenia znacznika <u>, ponieważ tak działa pewien mały parser który napisałem, a nie chcę go modyfikować.

[sunpietro]

no to przebuduj parser :]

[alhem]

no to przebuduj parser :]

Wolałbym nie, o ile istnieje prostsza metoda.

[michalszyd]

Otocz wszystko divem i zmień kolor na jaki chcesz;p

[alhem]

Otocz wszystko divem i zmień kolor na jaki chcesz;p

Otóż, w ten sposób także nie mogę zrobić ponieważ kolor musi być określony w znaczniku span(lub innym - jeśli takowy jest - zachowującym się tak jak span: czyli obejmuje tekst w linii, a nie w bloku jak div.)

[Marcin]

A możesz skorzystać z jQuery? W ten sposób będziesz miał tylko styl w drzewie DOM.

http://api.jquery.com/css/