How can I get rid of the blue color box that appears when clicking on form elements such as inputs, select, textarea, and buttons?
I have tried removing it using CSS but it still persists and is quite annoying. Is there a way to remove this blue box using jquery?
Check out a test link here: http://jsfiddle.net/5kcsn/309/
Here is the CSS code I've used:
input,
input:focus,
input:active,
input:hover
{
border-color: #ccc;
box-shadow: #ccc;
border: 1px solid #ccc;
outline:none;
}
And here is the script I've tried:
$("input, select, textarea, form, button").css("outline", "none");
$("input, select, textarea, form, button").css("box-shadow", "none");