2014-11-10 20 views
119

E 'possibile per lo stile segnaposto di un input di testo con il seguente:Ispezionare webkit-input-segnaposto con strumenti di sviluppo

-webkit-input-placeholder { 
    color: red; 
} 

sto guardando un sito web on-line e vorrei utilizzare lo stesso colore segnaposto come fare. È possibile capire di che colore hanno usato? Vorrei includere tutti i valori alfa, quindi non posso semplicemente campionare il colore con un editor di immagini.

Quando ho ispezionare l'elemento con Chrome Dev Tools, vedo: strumenti

enter image description here

Dev non fornisce informazioni per quanto riguarda l'elemento segnaposto durante l'ispezione l'elemento di input. C'è un altro modo?

+0

possibile duplicato di [Come cambiare colore segnaposto sul fuoco?] (Http://stackoverflow.com/questions/13183421/how-to -change-placeholder-colour-on-focus) – cport1

+3

No ... dichiaro chiaramente nella domanda che sono consapevole di come cambiarlo, ma che mi sto chiedendo come ispezionare le proprietà di un'altra persona. Fornisco anche un esempio di codice che mostra che so come cambiarlo. –

+0

qual è il sito web? Dal momento che il segnaposto è uno pseudo-elemento, dovresti comunque essere in grado di vedere gli stili durante l'ispezione di quell'elemento. – cport1

risposta

252

L'ho capito.

Il trucco è quello di consentire 'Mostra user agent ombra DOM' nel pannello delle impostazioni di Chrome Developer Tools:

enter image description here

Per accedere alle impostazioni, fare clic sul pulsante "⋮" in alto a destra della il tuo pannello Dev Tools, quindi fai clic su Impostazioni e si trova nella scheda Preferenze predefinita.

Con questo, si può ora vedere:

enter image description here

+1

L'impostazione è presente in 62 e funziona perfettamente. – isherwood

Problemi correlati