aprendo jquery. Tengo la siguiente funcion:
$("#nombre").focus(function(){
$(this).css("border", "2px solid pink");
});
y mi codigo HTML
<form>
<input type="text" id="nombre" />
</form>
Pero al dar click en el input en navegador Chrome no funciona. Y su utilizo Firefox si funciona sin problema alguno. En chrome SOLO al hacer clic fuera del input lo pinta rosa. Y en firefox al hacer clic dentro del input lo hace, lo que es lo correcto comoi firefox lo hace Alguna idea?
Tengo jquery; js/jquery-3.5.1.min.js
outline: none;