iOS html5 css3 buttonクリックスタイル

Question

私はHTML5/CSS3/JavaScriptに自分のアプリケーションを書きます。私のボタンではスタイルを作成します（ブラウザでは問題なく動作します）。しかし、iPadでアプリケーションを起動すると、アクティブなエフェクトがiOSのクリック効果よりも優先されます。 このスタンダードエフェクトをどのように無効にできますか？

私のスタイル：

<style type="text/css">  
.button { 
display: inline-block; 
width: 150px; 
height: 50px; 
background: #f78d1d; 
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); 
background: -moz-linear-gradient(top, #faa51a, #f47a20); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); 
} 

.button:ACTIVE { 
background: #f47c20; 
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); 
background: -moz-linear-gradient(top, #f88e11, #f06015); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); 
} 

マイボタン：

<a href="#" class="button"></a> 

Answer 1

私は、ボタンのタグを使用するのと同じ問題を抱えていたし、上書きするようです。

<button class="button"><a href="#go">Link</a></button> 

Answer 2

私はあなたの問題に対する答えは非常に簡単だと思います。

ボタンまたは本文タグに次のCSSコードを追加して（ドキュメント全体に影響を与える）

body { -webkit-appearance: none; } 

これは、iOSは、特定のUI要素上に配置し、ボタンのデフォルトのスタイルを削除します。

希望に役立ちます。