2011年2月5日

Androidのブラウザでリンクをタップした時の枠線と背景色を消す方法

Androidのブラウザでは、リンクをタップするとその瞬間から次のページに移るまでの間、リンク部分に緑色の枠線と薄い緑色の背景が表示される。

機種によってはオレンジ色の場合もあるらしい。




とにかく、この枠線と背景色がとても目障りになる場合がある。JavaScriptを使ったゲームなどを動かしている時は特にそうだ。

そこでこの枠線と背景色が表示されない様にする方法を調べてみた。

Android browser GREEN border on click... - Stack Overflow

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

というスタイルを該当のリンクに適用すればOKとの事。

実際に試した見たところ、これでバッチリだった。
良かった良かった。









.

2 件のコメント:

匿名 さんのコメント...

急な質問ですいません

私はandroidのhtc j butterfly(スマホ)

を利用していてブラウザで黄色い枠がでてくるようになりました

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

をどこに入力すれいいのですか?
教えていただければ幸いです

Makoto Ishida さんのコメント...

コメントありがとうございます。
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
を入力するのは、Webサイト側のスタイルシートでの対応になります。
残念ながらブラウザ側での対策方法は無いのではないかと思います。

コメントを投稿