Code subject: removing focus border from a HTML element
Posted: Fri Dec 09, 2011 1:14 am
Joined: Tue Mar 27, 2007 10:55 pm Posts: 2279 Location: Earth Has thanked: 39 time Have thanks: 61 time
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>
_________________ Currenlty programming with : java , html , php , and javascript . (OCJP-6 certified )