jeudi 21 juillet 2011

soucis de Formulaires dans Chrome et Safari ?

Lorsqu'un designer ou un client un peu pointilleux vient vous chatouiller sur les formulaires dans chrome ou safari, avant de l'envoyer sur les roses, il y a deux petites choses

Pour supprimer l'affichage de la bordure jaune (dans chrome) ou bleue (dans safari) qui apparaît lors du focus il suffit d'ajouter en css un outline:none; sur le champ incriminé.

De la même façon Chrome (uniquement) enregistre parfois des logins et mot de passe dans le navigateur qu'il réutilise automatiquement sur des champs login et mot de passe. Sauf qu'il y ajoute un superbe fond jaune très disgracieux et qui est souvent très différent de la charte du site.
Mais grâce à un astucieux code jquery (il y a un équivalent mootools que j'ajouterais rapidement) on peut
empêcher l'affichage de ce fond.


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

C'est tout pour aujourd'hui.

Aucun commentaire:

Enregistrer un commentaire