Friday, 9 September 2011

How to Remove the OutLine border from the Div, a tags or from buttons

* {outline:none; }

/*** Removing Outline Border Using Jquery ***/
$(function(){
$("a,input,button").each(function () {
$(this).attr("hideFocus", "true").css("outline", "none");
});
});
This will help you to remove the outline border when you focus on tags like a,button & input.

In IE-7 either use the above Jquery or you can use as:
e.g. :  <a href="#"  hideFocus="true">Hiding the outline border</a>

or you can use the CSS as:

input, a {
  outline:expression(hideFocus='true');
  outline:none;
}


No comments:

Post a Comment