html - editar - placeholder opacity
Inspeccione webkit-input-placeholder con herramientas de desarrollador (2)
- Para Google Chrome versión 69:
- Abra Inspeccionar elementos: en Mac ⌘ + Shift + C, en Windows / Linux Ctrl + Shift + C O F12.
- Haga clic en el botón "⋮" en la esquina superior derecha y luego vaya a configuración
- En la configuración, haga clic en Preferencias> Haga clic en Mostrar agente de usuario Shadow DOM
Las siguientes imágenes muestran el proceso:
Vaya a configuración> Preferencias:
Es posible diseñar un marcador de posición de entrada de texto con lo siguiente:
-webkit-input-placeholder {
color: red;
}
Estoy viendo un sitio web en línea y me gustaría usar el mismo color de marcador de posición que ellos. ¿Es posible averiguar qué color usaron? Me gustaría incluir cualquier valor alfa, por lo que no puedo simplemente probar el color con un editor de imágenes.
Cuando inspecciono el elemento con Chrome Dev Tools, veo:
Las herramientas de desarrollo no proporcionan información sobre el elemento de marcador de posición cuando se inspecciona el elemento de entrada. ¿Hay otra manera?
Me lo imaginé.
El truco consiste en habilitar ''Mostrar DOM de agente de usuario'' en el panel de Configuración de las Herramientas para desarrolladores de Chrome:
Para acceder a la configuración, haga clic en el botón "⋮" en la parte superior derecha del panel Herramientas de desarrollo, luego haga clic en Configuración y se encuentra debajo de la pestaña Preferencias predeterminada.
Con eso, ahora puedes verlo: