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

问题描述

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

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屋！