11

Androidでカスタムアプリケーションを作成しています。div 内に img タグを含む html ページを表示しています。

<div class="press">
    <img src="but.png" width="150" height="62" border="0"/>
</div>

私が書いているJavaScriptで：

$(".press").bind("click",function()    
{
//display something
});

画像をクリックすると、クリックは機能しますが、画像は青いオーバーレイで囲まれています。

画像1

画像クリック時の画像2

削除する方法がわかりません。私は多くの方法を試しましたが、どれもうまくいきません。助けてください。ありがとう

4

4 に答える 4

33

CSS を使用して、ページでの選択を防ぐことができます。* セレクターを、選択できないようにしたい要素セレクターに変更できます。

/*IE9*/
*::selection 
{
    background-color:transparent;
} 
*::-moz-selection
{
    background-color:transparent;
}
*
{        
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    /*IE10*/
    -ms-user-select: none;
    user-select: none;

    /*You just need this if you are only concerned with android and not desktop browsers.*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}    
input[type="text"], textarea, [contenteditable]
{

    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
于 2013-05-08T04:59:24.057 に答える
2

CSS を使用できます。

** HTML **

<button class="press">
    <img src="but.png" width="150" height="62" border="0"/>
</button>

** CSS **

.press{
    outline-width: 0;
}

.press:focus{
    outline: none;
}

ここからの回答:入力テキスト要素の境界線の強調表示を削除する方法

于 2014-05-07T18:45:08.067 に答える
0

ボタンを含む div の背景色または境界線の色である可能性があります。それ以外の場合は、次のようなコードを使用して、完全にクリックした後に css を削除します

$("#myButton").click(function(){
   $("#displayPanel div").removeClass('someClass');
});
于 2013-05-08T04:59:58.787 に答える