Moin!
.test:before {
content: "Suche: ";
color: #009900;
}Ja, hab da was übersehen. :before wird vor dem content des Elementes ausgegeben. input hat aber per definitionem keinen content.
:before und :after soll man sich als randständiges <span> so vorstellen:
<element>span:before...</span:before>Elementinhaltspan:after...</span:after></element>
Mit :before/:after kann es also auch nicht klappen.
Das ändert aber daran auch nichts. Formularelemente haben nach derzeitigem Stand der Dinge für ihren Inhalt nur genau eine einheitliche Formatierung. Es ist nicht vorgesehen, z.B. innerhalb eines Text-Inputs sowohl Fett- als auch Normalschrift auszugeben.
Die Browser kriegen es ja teilweise noch nicht mal hin, Formularelemente überhaupt formatieren zu können - und wenn, dann nur nervig unterschiedlich.
- Sven Rautenberg
"Love your nation - respect the others."