Cambiar El Color Del Texto De Marcador De Posición En Los Elementos Email Y Campo De Texto

El texto de marcador de posición es el texto claro que se muestra dentro de un campo antes de que el cliente escriba algo, por ejemplo:

• “Ingrese su correo electrónico”
• “Su nombre”
• “Número de teléfono”

Personalizar el color del marcador de posición puede ayudar a que su formulario coincida con la identidad de su marca y mejorar la consistencia visual general de su página.

Paso 1: Abrir la configuración del elemento

Primero, abra el editor de páginas en GemPages.

Entonces:

• Coloque el cursor sobre el elemento Email or Campo de Texto que desea personalizar
• Haga clic derecho sobre el elemento
• Seleccione Código Personalizado

Esto le permite agregar CSS personalizado específicamente para ese elemento.

Paso 2: Agregar el código de color del marcador de posición

Pegue el siguiente código en la sección de código personalizado:

.ElementClass::placeholder {

  color: # 000000! importante;

}

Paso 3: Reemplazar el valor del color

Reemplace #000000 con el color que prefiera.

Puede usar:

• Un nombre de color
• Un código de color HEX
• Valores RGB

Aquí tiene algunos sitios web populares donde puede encontrar nombres de colores y códigos HEX:

• Color Picker — https://htmlcolorcodes.com/
• Coolors — https://coolors.co/
• Adobe Color — https://color.adobe.com/
• CSS Gradient — https://cssgradient.io/