WebアプリライクにWebviewを見せるために設定したcssの備忘録

WebアプリライクにWebviewを見せるために設定したcssの備忘録です。

タップ時のハイライトカラーを透明化する

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

半透明のハイライトカラーが表示されることを防ぎます

buttonやsubmitなどのタップ時に出る枠を非表示にする

outline: none;

上記ハイライトカラーのみでは消えない枠が出た場合、こちらを設定します

長押し時のポップアップを無効にする

-webkit-user-select: none;
user-select: none;
-webkit-touch-callout: none; /*iOS用*/

コピペ用のポップアップなどが表示されることを防ぎます