I came across this issue when working with textboxes (auto fill on) and tested on chrome browser. The textboxes are rendered with a yellowish background color.
This can be resolved in two ways.
1. Using CSS
input:-webkit-autofill
{
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
2.Using jQuery
if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) {
$(window).load(function(){
$('input:-webkit-autofill').each(function(){
var text = $(this).val();
var name = $(this).attr('name');
$(this).after(this.outerHTML).remove();
$('input[name=' + name + ']').val(text);
});
});}
Detailed discussion can be found here.
Cheers,
Samitha
This can be resolved in two ways.
1. Using CSS
input:-webkit-autofill
{
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
2.Using jQuery
if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) {
$(window).load(function(){
$('input:-webkit-autofill').each(function(){
var text = $(this).val();
var name = $(this).attr('name');
$(this).after(this.outerHTML).remove();
$('input[name=' + name + ']').val(text);
});
});}
Detailed discussion can be found here.
Cheers,
Samitha
No comments:
Post a Comment