html - IE、CSS: ボタンをクリックしたときに表示されるハイライトを削除する方法

Question

IE でこのページを見てください (最新バージョンを使用していますが、古いバージョンでも発生します)。

http://tinuska.vibraflex.cz/

上記のリンクでは、ページの下部に 2 つの丸いボタンがあります。ボタンをクリックすると、ボタンの周囲に半透明のハイライトが表示されます。Mozilla や Chrome には表示されません。どうにかして取り除くことは可能でしょうか？

Answer 1

アンカー タグにスタイルを追加します。

style="background-color:transparent" 

Answer 2

それを試してみてください。 以下の css のコードは、境界線を削除し、リンクまたはボタンの周りにフォーカスするのに役立ちます。

a:focus{
 outline:none !important;
 }

Answer 3

問題を解決するには、これらのスタイル属性をアンカー ボタン btn1 および btn2 に追加します。

border-top-left-radius: 41px;
border-top-right-radius: 41px;
border-bottom-left-radius: 41px;
border-bottom-right-radius: 41px;

IE10で試してみましたが、うまくいきました。

btn1 の例:

<a id="btn1" href="#" style="border-top-left-radius: 41px; border-top-right-radius: 41px; border-bottom-right-radius: 41px; border-bottom-left-radius: 41px;"/>