Я занимаюсь разработкой мобильного веб-сайта, и одним из браузеров, с которым мне нужно работать, является браузер BlackBerry на BlackBerry 8330 (Curve) под управлением версии 4.5. Я наткнулся на странную ошибку, когда попытался стилизовать некоторые ссылки, чтобы они выглядели как кнопки.
Если я добавлю заполнение к тегу привязки, отображение ссылки изменится, а область, на которую можно нажать, - нет. Например, если я перемещаю трекбол по ссылке, в верхней части ссылки появляется выделение области, по которой можно щелкнуть мышью, а ее высота соответствует тексту, как если бы не применялось заполнение:
(источник: 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>
Есть идеи, почему происходит такое поведение? Кликабельная область увеличивается на 10 пикселей сверху и снизу (не слева и справа), хотя выделение показывает иное. Единственное, на чем я остановился - это выделенная область и почему она не расширяется / не следует размерам ссылки.