2014-10-13 14 views
12

So come applicare lo stile CSS del testo segnaposto/background/font-size ecc. Nei browser con le pseudo classi specificate da ciascun browser. Tuttavia non riesco a modellarli all'interno del browser con gli strumenti di sviluppo e non ho trovato una risposta al fatto se ciò sia possibile.Styling segnaposto di input CSS all'interno degli strumenti di sviluppo

Mi piacerebbe lavorare con gli stili segnaposto senza un flusso di lavoro di prova ed errori.

risposta

21

È possibile in Chrome.

Passare alle impostazioni degli strumenti di sviluppo (l'icona a forma di ingranaggio in alto a destra) e in Generale | Elementi attivare "Mostra DOM ombra agente utente".

Chrome Settings

Passare controllare la vostra casella di testo. Ora dovrebbe esserci una freccia accanto all'elemento di input.

Espandilo e seleziona <div psuedo="-webkit-input-placeholder" id="placeholder" style="visibility: visible; text-overflow: clip;">.

Le classi che si sta utilizzando per modificare il segnaposto dovrebbero essere visualizzate nel riquadro dello stile.

Qui è quello che dovrebbe essere simile:

enter image description here