Languages

Menu
Sites
Language
How to remove focus around buttons on click

Hi,

I have developed an application in which when i click on button then its focus appers on the button and its corrner.

I want when i click on the button its focus should not appers.I have used the code which is not working.

.btn:focus

{

outline: none;

}

or

$('#mt1').blur();

Its not working.

 

Please help me

Thanks in advance

 

Mohit Kumar

 

List

Responses

5 Replies
AVSukhov

Hello,

Try to use:

.btn:hover { outline: 0 !important }

or

.btn:focus {outline: none;box-shadow: none;border:2px solid transparent;}

 

mohit kumar

Hi,

It is not working.When i click on the button a rectangular corrner get apper in the background.

I want this to not apper when button click event occur.

 

 

Thanks and regards

Mohit Kumar

 

Seoghyun Kang

Hello,

 

This is the mobile broswer's feature.

In order to help improve accuracy, the mobile browser highlight a tapped link.

 

But you can remove it.  If you want to remove it, please refer the following code.

You need to add it to the css file.

 

-webkit-tap-highlight-color:transparent;

 

 

When I tested it on the emulator, it worked well.

 

Best regards,

Seoghyun kang

mohit kumar

Hi,

Thank you so much.It works fine.

TIZEN is NO 1 Mobile OS.Happy TIZEN.

 

 

 

thanks and regards

Mohit Kumar 

AVSukhov

Hello,

just fyi, more info WebKit Tap Highlight Color:

http://phonegap-tips.com/articles/essential-phonegap-css-webkit-tap-highlight-color.html