ハイライト無効化

タップ時の強調表示を消す
webviewでUI作成のときの問題点
それは
画面をタップしたときのハイライト
ハイライトは強調表示のこと
この効果は
リンクボタンとかをタップすると
ユーザーにわかりやすく知らせるために
色が変わるというもの
これは、スマホでWebコンテンツを
表示すると体験できる
ハイライトはネットをみるだけなら問題ないけど
アプリにすると微妙になる
原因は
アプリの挙動がサイト EXILE CATCHY BEST 2008
アプリっぽくないから
ハイブリッドアプリのUIの場合
CSS3を使って
Webコンテンツ独特のクセをつぶしていく
ハイライトを無効化するには
-webkit-highlight-color
これはそのなの通り
タップ時のハイライトの色を指定する
これの関数は
左から
赤
緑
青
透明度
となる
透明度は0~1で指定して
0なら透明
1なら不透明
つまり、rgba(0,0,0,0)
なら無色透明になる
これで
ハイライト無効になる
タップ時の強調表示を消す
webviewでUI作成のときの問題点
それは
画面をタップしたときのハイライト
ハイライトは強調表示のこと
この効果は
リンクボタンとかをタップすると
ユーザーにわかりやすく知らせるために
色が変わるというもの
これは、スマホでWebコンテンツを
表示すると体験できる
ハイライトはネットをみるだけなら問題ないけど
アプリにすると微妙になる
原因は
アプリの挙動がサイト EXILE CATCHY BEST 2008
アプリっぽくないから
ハイブリッドアプリのUIの場合
CSS3を使って
Webコンテンツ独特のクセをつぶしていく
ハイライトを無効化するには
-webkit-highlight-color
これはそのなの通り
タップ時のハイライトの色を指定する
これの関数は
左から
赤
緑
青
透明度
となる
透明度は0~1で指定して
0なら透明
1なら不透明
つまり、rgba(0,0,0,0)
なら無色透明になる
これで
ハイライト無効になる