removing focus border from a HTML element

Fri Dec 09, 2011 1:14 am

removing focus border from a HTML element, in this example we use css and html to show to remove focus border from link tag. you can see this by using Tab key button.

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <style type="text/css"> .hidefocus:focus { outline: none; } </style> </head> <title> hidefocus attribute usage at link tag </title> <body> <table> <tr> <td> Notice that after you click no focus border is created around the link and then back to previous page </td> <td> <a class="hidefocus" href="http://www.codemiles.com">Link without focus</a> </td> </tr> <tr> <td> Notice that a focus border is created after you click and then back to previous page. </td> <td> <a href="http://www.codemiles.com">Link with focus</a> </td> </tr> </table> </body> </html>