1

I want to remove dotted border from submit button and hyperlink that apears after i click on submit button or on hyperlink. I have tried everything what described on google and on stackoverflow but not working any of them.

Tried: how to remove dotted border around the link in IE7

This the hell has to be removed-
enter image description here

Community
  • 1
  • 1
Ravikant Upadhyay
  • 405
  • 1
  • 4
  • 12
  • 4
    We all want our sites to look 100% perfect the way we designed them, but it's worth remembering that this focus indicator is an accessibility feature; users with accessibility issues (eg unable to use a mouse) may need this so they can see where they are on the page. – Spudley Jul 18 '13 at 11:10
  • @Ravikan - Please note you can answer your own question. The question should not contain answers. – Álvaro González Jul 18 '13 at 11:50
  • I agree with @Spudley - this is a useful feature for anyone navigating using the keyboard. It tells the user that a control has focus. – Richard Ev Jul 18 '13 at 12:53

1 Answers1

1

To remove it from all elements use this in your stylesheet 

* { outline: none; }

Note that it's not user friendly. Some like to use the tab button to go from one link to the other, with the above code, you can't see which link is selected.

GreyRoofPigeon
  • 17,833
  • 4
  • 36
  • 59
  • dear its not working..i am going to remove buttons and will set images there. – Ravikant Upadhyay Jul 18 '13 at 11:10
  • It should... do you have an online example? – GreyRoofPigeon Jul 18 '13 at 11:11
  • 1
    +1 for pointing out that it's not user friendly. But note there's a typo in the code in the answer -- there needs to be a semicolon after `none` otherwise it won't work. – Spudley Jul 18 '13 at 11:12
  • i am making a desktop application php to exe.i dont have online example.Application is running perfect but it has the above problem. I dont want users letting know that it was created by php,it looks as created in vb.net- i got this code and it seems somthing useful- a:active, a:focus { outline: none; ie-dummy: expression(this.hideFocus=true); } – Ravikant Upadhyay Jul 18 '13 at 11:14