JQuery Mobile: how to not display the button focus halo when a button is clicked?

Question

I have buttons in my web app using jQuery Mobile.

When clicked the buttons have the ui-focus class added which displays a blue halo around buttons. The class stays

Answer 1

None of the solutions worked for me as I had a custom submit button and used data-role="none" on the button. The :focus event still had the blue glow so this worked for me. I wrapped my form in a div called myform.

.myform button:focus {
  outline: 0;
}