asp Image button dotted border

Question

How can I remove the dotted border around an asp: Image button. The dotted border shows when I click on the image button. Thanks

Answer 1

It looks like you are talking about the focusing border added by the browser. There's a trick to do this with Javascript. Add the following to your image tag:

onfocus="this.blur();"

Answer 2

That's the focusing border added by the browser. For usability purposes, it's usually a bad idea to remove it unless you are doing something specific. It's very difficult to select controls using the keyboard without it.

If for some reason you REALLY need to remove it, I believe the other answers here may provide you with a solution. But as someone often concerned with usability, I would advise you to reconsider.

Answer 3

Adding the following attribute/value to the imagebutton should produce the result you are looking for.

OnClientClick="this.blur();"

Answer 4

sound. onfocus="this.blur();" does the trick.

Answer 5

Try this CSS:

input:focus{outline:none;}