[HTML/CSS] Input-Feld -> Value einfärben

[scriper]

Hallo Leute!

Hab n kleines Problem:

Ich hab hier ein Input-Feld, in dem ein vorgegebener Wert steht, zB:

Name*

Diesen möchte ich nun mit CSS einfärben, eigentlich kein Problem.

ABER:
Ich möchte, dass nur das Sternchen eingefärbt ist, geht das irgendwie?

Hab mich schon dumm und dusselig gesucht, nun frag ich hier

Vielleicht kennt einer ne Lösung?

Grüsse,
Scriper

 

[tleilax]

Das dürfte nicht gehen. Du kannst nur den kompletten Inhalt einfärben.

 

[MrToiz]

In kompatiblen Browsern (im IE funktioniert es also nicht) müsste sich das aber nachbilden lassen, indem du den * mittels der CSS-Pseudoklasse :after einfügst - dann kannst du ihn auch formatieren.

 

[scriper]

In kompatiblen Browsern (im IE funktioniert es also nicht) müsste sich das aber nachbilden lassen, indem du den * mittels der CSS-Pseudoklasse :after einfügst - dann kannst du ihn auch formatieren.

Also müsste es so funktionieren?
CSS:

.stern :after { content:"<span style='color:blue;'>*</span>";}

HTML:

<div class="stern"><input type="text" name="name" value="Name" class="input" size="27"></div>

...tuts aber leider net.
Oder ich hab was falsch verstanden...

 

[MrToiz]

Hmm hatte sowieso einen Denkfehler drinne, du willst ja den Stern im Inputfeld haben und nicht danach, sonst wärs ja auch einfach...
Dann fällt mir nurnoch ein, das ganze als Background-Image zu machen.