Development

Link Focus Causing You to Lose Focus?

By December 4, 2009 No Comments

lose focus

I don’t know when this started being a problem, but for some time now, certain web browsers have been showing the dotted line around links that you click/mousedown on. Usually that is fine, but sometimes, like with navigational links, the dotted line can really make for an eyesore. Luckily, it takes just a bit of CSS to clean it all up.

*:focus {
outline: none;
}
*::-moz-focus-inner {
border: none;
}

And thats it. Just paste that in to your css style sheets, and no more dotted line disrupting your clean designs!

Happy Friday

Alex Chousmith

Alex has been building with Ninthlink since '06, and a San Diegan since the turn of the century. A background of Mathematics – Computer Science / Interdisciplinary Computing & Arts from UCSD, plus Drupal / WordPress / jQuery / CSS3 / HTML5 / bass guitar / homebrew skill, powers him to get the job done, no matter what.

Leave a Reply