Как избавиться от окна выбора вокруг моего выбора

Question

Я пытаюсь создать веб-сайт для себя и только что столкнулся с этой проблемой:

Как вы можете видеть, есть какая-то выборка видимаяоба изображения, которые я не хочу отображать.

Первое изображение получено после того, как я щелкнул пункт меню.Второе изображение получено после первого, когда я дополнительно наведу на него мышь.

Эти пункты меню показаны в таблице.Я использую FireFox 3.6.10.

У кого-нибудь есть идеи, как избавиться от этих выборов?

Answer 1

Проверьте outline свойство CSS . Вы должны указать outline: none для своих ссылок в этом случае. Контур указывает на то, что данный элемент имеет фокус. Вместо этого вы должны предоставить что-то, чтобы сделать возможной навигацию только с клавиатуры.

Answer 2

Если вы уберете фокус со ссылки, когда пользователь щелкнет по ней, вы фактически избавитесь от этого поля.Однако многие люди советуют против этого, потому что это считается плохой практикой и не очень доступно.

В любом случае, если вы хотите сделать это и не возражаете против JQuery, вы можете использовать это:

$('a').click(function () { $(this).blur() });

Как указывало "неуловимое", вы также можете использовать свойство CSS outline, чтобы предотвратить его, но это работает не во всех браузерах.(Читайте: IE7 и старше.)

Answer 3

Ну, вы можете попробовать установить границу на 0, я думаю, это должно работать. Просто установите class = 'noborder' в вашей ссылке.

<style type='text/css'>
    a.noborder {
        border: 0;
    }
</style>