2014-10-13 11 views
12

Ich weiß, wie die CSS von Platzhalter-Text/Hintergrund/font-size etc in allen Browsern Klassen mit jedem Browser angegebenen Pseudo stylen. Allerdings kann ich stylen sie nicht im Browser mit Entwickler-Tools und haben keine Antwort, ob dies überhaupt möglich gefunden.Styling Eingang Platzhalter CSS innerhalb dev Tool

Ich würde gerne mit Placeholder-Stilen ohne einen Trial-and-Error-Workflow arbeiten.

Antwort

21

Es ist möglich, in Chrome.

Gehen Sie auf die Entwicklungstools-Einstellungen (das Zahnradsymbol rechts oben) und unter Allgemein | Elemente einschalten „Benutzer Agent DOM Schatten“.

Chrome Settings

nun Ihr Textfeld gehen inspizieren. Es sollte jetzt ein Pfeil neben dem Eingabeelement sein.

Erweitern Sie diese und wählen Sie <div psuedo="-webkit-input-placeholder" id="placeholder" style="visibility: visible; text-overflow: clip;">.

Ihre Klassen, die Sie den Platzhalter ändern verwenden, sollten im Stil Fenster angezeigt. Hier

ist, was es sollte wie folgt aussehen:

enter image description here