4

我使用 jQuery Mobile 在我的网络应用程序中有按钮。

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

我必须怎么做才能完全不显示那个焦点光环？

4

4 回答 4

8

您可以覆盖默认 css 而不是破解源代码。只需确保您的 css 文件位于 JQM 文件之后。

.ui-focus,
.ui-btn:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none ;
}
于 2012-06-03T01:46:09.087 回答
3

我发现最好的方法是在单击按钮后将焦点返回到页面。

$('yourButtons').click(function(){
    //Do some important stuff
    // ....

    $.mobile.activePage.focus();
});
于 2012-09-11T12:23:31.150 回答
0

那很简单，只需打开您的 xxx-mobile-theme.css 文件
并找到类ui-focus 并手动删除box-shadow属性

于 2012-06-02T09:15:02.277 回答
0

由于我有一个自定义提交按钮并在按钮上使用了 data-role="none" ，因此没有一个解决方案对我有用。:focus 事件仍然有蓝光，所以这对我有用。我将表单包裹在一个名为 myform 的 div 中。

.myform button:focus {
  outline: 0;
}
于 2015-05-21T23:38:39.353 回答