私はモバイルWebサイトを開発していますが、それを機能させるために必要なブラウザーの1つは、バージョン4.5を実行しているBlackBerry 8330(Curve)上のBlackBerryブラウザーです。いくつかのリンクをボタンのようにスタイル設定しようとしたときに、奇妙なバグに遭遇しました。
アンカータグにパディングを追加すると、リンクの表示は変わりますが、クリック可能な領域は変わりません。たとえば、トラックボールをリンク上で移動すると、クリック可能な領域のハイライトがリンクの上部に表示され、その高さは、パディングが適用されていないかのようにテキストと一致します。
(出典:nickelleon.com)
私が使用している関連コードは、次のようになります(大幅に削除されています)。
<style type="text/css">
table, td { width: 100%; }
a { display: block; padding: 10px; }
</style>
<table>
<tr><td><a href="http://www.somewhere.com">Somewhere Link 1</a></td></tr>
<tr><td><a href="http://www.somewhere.com">Somewhere Link 2</a></td></tr>
<tr><td><a href="http://www.somewhere.com">Somewhere Link 3</a></td></tr>
<tr><td><a href="http://www.somewhere.com">Somewhere Link 4</a></td></tr>
<tr><td><a href="http://www.somewhere.com">Somewhere Link 5</a></td></tr>
</table>
この動作が発生している理由はありますか?ハイライトがそうでない場合でも、クリック可能な領域は上下(左右ではなく)で10px増加します。私が困惑しているのは、強調表示された領域と、それがリンクの寸法に拡大/従わない理由だけです。