我正在开发一个移动网站,我需要使用的其中一个浏览器是运行版本4.5的BlackBerry 8330(Curve)上的BlackBerry Browser。当我尝试将某些链接设置为按钮时,我遇到了一个奇怪的错误。
如果我将填充添加到锚标记,则链接的显示会更改,但可点击区域不会更改。例如,如果我将轨迹球移动到链接上,则可点击区域的高亮显示在链接的顶部,其高度与文本匹配,就像没有应用填充一样:
Blackberry Curve clickable region http://www.nickelleon.com/blackberry-clickable-region.jpg
我正在使用的相关代码看起来与此类似(大量删除..):
<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,即使高亮显示不是这样。唯一让我难以理解的是突出显示的区域以及为什么它没有扩展/跟随链接的尺寸。