Ver Mensaje Individual
  #1 (permalink)  
Antiguo 04/10/2012, 06:46
Avatar de junihh
junihh
 
Fecha de Ingreso: febrero-2004
Ubicación: República Dominicana
Mensajes: 997
Antigüedad: 20 años, 3 meses
Puntos: 7
Capturar color del placeholder

Hola señores

Para cambiar el color por defecto al placeholder sólo aplicamos esto en nuestro CSS:

Código HTML:
input::-webkit-input-placeholder { color: #DDD; }
input:-moz-placeholder { color: #DDD; }
El caso es que escribí una función que emula el placeholder para Explorer y me gustaria que esta reconozca automáticamente el color designado en el CSS en lugar de estar aplicándoselo directamente como ahora lo tengo.

Traté de esta forma y no me devolvió valor:

Código HTML:
var color = $('input').css('::-webkit-input-placeholder');
console.log(color);
¿Me podrían dar alguna sugerencia para esto o de todos modos le debo segir pasando el color "manualmente"?

Esta es mi función por si sirve de algo:

Código HTML:
function xPlaceholderIE (fld)
{
        if( $.browser.msie )
        {
        	var field = $(fld), placeholder = field.attr('placeholder');
        	
        	field.css({ color:'#DDD' }).val(placeholder);
        	field.removeAttr('placeholder');
        	
        	field.bind('focus',function()
        	{
        		$(this).css({ color:'#666' });
        		if ( $(this).val() == placeholder) { $(this).val(''); };
        		
        	}).bind('blur',function()
        	{
        		if ( $(this).val() == '' ) $(this).val(placeholder).css({ color:'#DDD' });
        	});
        };
};
__________________
JuniHH
- Mi blog
- Mi portafolio

Última edición por junihh; 04/10/2012 a las 06:53