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' });
});
};
};