jquery-mobile - JQuery 移动版 : how to not display the button focus halo when a button is clicked?

Question

我的 Web 应用程序中有使用 jQuery Mobile 的按钮。

单击按钮时，会添加 ui-focus 类，该类在按钮周围显示蓝色光晕。类(class)一直停留在那里，直到单击页面上的另一个位置。这发生在 Firefox 中，而不是 iPad。我希望这个光环不显示。

我必须怎么做才能根本不显示焦点光环？

Answer 1

您可以覆盖默认 css 而不是修改源代码。只要确保您的 css 文件在 JQM 之后。

.ui-focus,
.ui-btn:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none ;
}