Remove dot line rectangle surrounded hyper-link after click event

Question

Whenever a click event happen on a hyper-link, I will use JavaScript to toggle the display of a drop down menu. However, I realize there will be a dotted line rectangle surrounded the hyper-link still. May I know how I can explicitly remove the dotted line rectangle after the click?

Answer 1

Put this into your CSS

a:focus { outline:none }

Answer 2

a { outline:none; }

will do the trick