In Internet Explorer, JavaScript button when clicked does not have the blue border like Chrome

Question

In Chrome when you click a JavaScript button, it will surround the button with a blue border and this indicates the user has clicked the button.

In Internet Explorer, this does not happen.

Is there any way to make the button border blue in IE?

I have tried below jQuery, but it doesn't work:

$("button").click( function () {
       $(this).css("outline", "solid");
});

Answer 1

Tested the below code in IE 11 and it works for me.Also if you are depending on browser agent to give you the style it may not be the right thing as each browser will behave in a different way,rather you give a CSS style explicitly

Markup :   <button>Hello</button>
$( document ).ready(function() {    
    $("button").click( function () {
     alert('Hello');
    $(this).css("border", "solid 1px blue");
    });
});

Also above code is just for illustration you should create a CSS class and associate that to the button element on click.