Placeholder text reinschreiben via stylish

Wo genau schreibst du das so rein, wie es in deinem Code-Beispiel steht? Das kann nämlich überhaupt nicht funktionieren, weder gibt es eine CSS-Eigenschaft mit dem Namen placeholder noch ist das überhaupt CSS-Syntax, ein solches Konstrukt gibt es nicht. Und mit CSS kannst du keine HTML-Attribute bearbeiten. Da müsste man schon tricksen, um das mit Stylish zu bewerkstelligen.

Ohne dir konkret helfen zu können, mal einige Hinweise:

• Ich würde den Css-Code lieber auf „input“ beschränken.
• Ein „!important“ kann immer wieder mal Wunder wirken.
• (Nach eidt eingefügt, da zunächst glatt übersehen, vgl. Sörens Hinweis weiter unten) Doppelpunkt statt Gleichheitszeichen in CSS

Das ergäbe mit Deinem Code:

input.gsfi {
    placeholder: "Suche eingeben" !important;
}

Aber:
Ich habe hier mal eine Suche angeschmissen – Suche nach „css input placeholder“ bei DuckDuckGo – und finde gar keine CSS-Eigenschaft namens „placeholder“, sondern nur eine Pseudoklasse oder in neueren FFx-Versionen ein Pseudoelement, vgl. beispielsweise Change an input's HTML5 placeholder color with CSS oder HTML5 Placeholder Styling with CSS (beide etwa 5 Jahre alt, was bedeuten kann, dass die Informationen überholt sind). Die dazugehörige CSS-Eigenschaft wäre dann übrigens „content“, aber ob das so funktioniert, weiß ich nicht (der Sinn des Pseudoelements besteht darin, dass die Möglichkeiten absichtlich eingeschränkt sind). Der Code müsste für den Fux dann etwa so aussehen (Edit: Korrektur nach Hinweis von Sören

input.gsfi::-moz-placeholder {
    content: "Suche eingeben" !important;
}

Update:
„content“ funktioniert wohl doch nur mit „::before“ und „::after“, vergleiche CSS-Eigenschaften: content im SELFHTML-Wiki.

miku23: Mit Stylish kannst du kein HTML bearbeiten und HTML kann man grundsätzlich nicht so bearbeiten, wie von dir versucht. Wenn du HTML-Attribute verändern möchtest, brauchst du dafür JavaScript und Stylish kennt kein JavaScript. Du könntest es höchstes per Pseudoklasse und content-Eigenschaft versuchen, das ist in CSS die einzige (!) Möglichkeit, Inhalte auszugeben. Das ist nämlich absolut nicht der Job von CSS, CSS ist für die Gestaltung, für sonst nichts.

Speravir: Dein Code kann nicht funktionieren, die Syntax ist genauso falsch wie im Beispiel von miku23. Gleichheitszeichen sind nicht erlaubt.

Zitat von Sören Hentzschel

Speravir: Dein Code kann nicht funktionieren, die Syntax ist genauso falsch wie im Beispiel von miku23. Gleichheitszeichen sind nicht erlaubt.

Uppsala. Habbich glatt übersehen … ist nun oben korrigiert.

Zitat von miku23

Kann aber gut möglich sein dass das gar kein CSS ist sondern html oder so,

Das „oder so“ kannst Du streichen.

Zitat von miku23

Hat sonst unabhängig davon jemand eine Idee wie man einen rahmenlosen input hervorhebt?
Ich habe mal an background-color gedacht, vielleicht in Zusammenhang mit einer pseudoklasse.
Ist aber halt nicht ganz so toll wie placeholder.

Ja, kann man. Du solltest doch tatsächlich mal auf den Suchlink klicken, den ich oben gepostet habe, und ein wenig in den Ergebnissen stöbern …

Zitat von miku23

Danke, aber offenbar kann content nicht für input gebraucht werden da input eigentlich kein content hat...

Daher sagte ich ja Pseudoklasse. Nur Pseudoklassen (bzw. -elemente) besitzen die content-Eigenschaft. Aber es stimmt, auf input-Elemente kann das nicht angewendet werden. Daher darfst du das nicht direkt auf das input-Feld anwenden, sondern auf den umliegenden Container.

In der Art:

div {
    position: relative;
}


div::before {
    content: 'test';
    position: absolute;
}

Das ist nur ein Beispielcode, "div" ist viel zu unspezifisch in der Praxis. Aber das verhält sich nicht wie ein placeholder, d.h. der Text verschwindet nicht per Klick. Vielleicht lässt sich da weiter tricksen, ich hab mir den Code der Seite nicht angesehen und vom Code hängt natürlich der Lösungsansatz ab, aber man sieht's daran ja, dass CSS dafür nicht gemacht ist.

Wenn es um Firefox geht, wieso zeigt dein Screenshot Safari?
Verwende !important, wie auch im Screenshot darunter zu sehen.

Allerdings verstehe ich nicht, wieso du die Farbe austauschst, wenn du sagst, dass du es weghaben willst. Ja, weiß auf weiß ist quasi unsichtbar, dennoch…

border: 0;

Es ist sinnlos, die Farbe des Rahmens zu ändern, wenn du diesen gar nicht haben willst…