4

jQuery Mobile を使用して Web アプリにボタンがあります。

ボタンをクリックすると、ボタンの周りに青いハローを表示する ui-focus クラスが追加されます。ページの別の場所がクリックされるまで、クラスはそこにとどまります。これは、iPad ではなく、Firefox で発生します。このハローが表示されないようにしてほしい。

そのフォーカス ハローがまったく表示されないようにするにはどうすればよいですか?

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

カスタム送信ボタンがあり、ボタンで data-role="none" を使用したため、どのソリューションも機能しませんでした。:focus イベントにはまだ青い輝きがあったので、これでうまくいきました。フォームを myform という div でラップしました。

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

簡単です。xxx-mobile-theme.css ファイル
を開いてクラスui-focusを見つけ、 box-shadowプロパティを手動で 削除するだけです。

于 2012-06-02T09:15:02.277 に答える