JQuery Mobile:如何在单击按钮时不显示按钮焦点光环? [英] JQuery Mobile: how to not display the button focus halo when a button is clicked?

问题描述

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

I have buttons in my web app using jQuery Mobile.

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

When clicked the buttons have the ui-focus class added which displays a blue halo around buttons. The class stays there until another spot on the page is clicked. This happens in firefox, not iPad. I would like that this halo is not displayed.

我该怎么做才能根本不显示焦点光环?

What must I do for that focus halo not to be displayed at all ?

推荐答案

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

You can override the default css instead of hacking up the source. Just make sure your css file is after the JQM one.

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

这篇关于JQuery Mobile:如何在单击按钮时不显示按钮焦点光环?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！