CSS3 は、モバイル ブラウザーのボタンをクリックしたときに表示されるハイライト ボックスを削除します_html/css_WEB-ITnose

職場でモバイル ブラウザで Web を閲覧しているときに、ページ上のボタンまたはクリック イベントのある要素をクリックすると、デフォルトのハイライト ボックスが表示され、全体的な感覚エクスペリエンスに影響を与えます。

これは、単純な css3 属性、tap-highlight-color、できれば Webkit ブラウザーのプレフィックスを使用して解決できます。

-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids,个人感觉是低版本的安卓，4.0以下 */  

大きな div に同じタイプの小さな div が多数含まれており、これらの小さな div をクリックするとイベントがトリガーされる場合、イベント委任を使用して、クリック イベントを外側の大きな div にバインドするだけです (このようにします)。 、バインディングは 1 回だけで十分です)、この属性が使用され、小さな div をクリックしても、大きな div 全体が選択されているとは感じなくなります。

著作権表示: この記事はブロガーによるオリジナルの記事であり、ブロガーの許可なく複製することはできません。