Как на вкладке jQuery UI скрывается пунктирная фокусировка?

Question

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

Однако эта функциональность не включена в Javascript или CSS для вкладок. На странице, которую я разрабатываю, появляется раздражающее окно фокуса, и я не единственный; он также появляется на демонстрационном примере вертикальных вкладок , с которым связан другой вопрос (отредактируйте 4/13 февраля: эта ссылка теперь не работает. :().

Я просмотрел код, приведенный на демонстрационной странице и , полный исходный код этой страницы, ее страницу CSS и текущую версию кода вкладок jQuery UI, и не могу понять, как это происходит. делать это.

Мое лучшее предположение заключается в том, что это каким-то образом достигается путем изменения размера одного из свойств блока элементов

или в заголовках вкладок, но я действительно этого не вижу.

Если вы знаете, как это делается, насколько ясно вы можете это объяснить, пожалуйста?

ETA: В ответ на пару вопросов я только что проверил дальше, и, похоже, это происходит только в Firefox 8.0.1 (а ранее? Трудно сказать). Никакие другие браузеры не показывают окно фокусировки на этом сайте. ; Означает ли это, что это (с тех пор исправлена) ошибка Firefox? Несмотря на это, это не объясняет, почему это происходит на одной странице, а не на другой.

ETA (2): Я искренне ценю предложения людей о том, как I сделает / должен сделать это, но я должен уточнить, что это не то, что я спрашиваю. Я читал в другом месте (в основном в других вопросах здесь) о способах избавления от этой коробки и знаком с теми, которые я видел до сих пор (опять же, не будучи менее благодарным за усилия и мысли). Что меня интересует, так это то, как это делается в демо вкладок jQuery UI, потому что - насколько я могу судить - он не делает ничего из этого.

Ред. 4 февраля 2013 г .: Когда я иду к демонстрации вкладок пользовательского интерфейса jQuery, я вижу пунктирную линию вокруг элемента внутри вкладок. Я не знаю, был ли это недостаток в браузере, который я использовал, когда увидел феномен (кажется вероятным, как не многие его видели) или что-то еще. В любом случае, я думаю, что вопрос спорный.

Я искренне благодарен всем, кто нашел время, чтобы найти ответ. Спасибо!

Answer 1

используйте это:

/* remember to define focus styles! */
:focus {
    outline: 0;
}

оформить заказ: http://www.outlinenone.com/

Answer 2

Добавьте outline:none к вашему a:active CSS, хотя это не работает в более ранних версиях IE. Чтобы быть уверенным, вам также нужно добавить .blur() к событию переключения вкладок.

Answer 3

возможно, вы можете попытаться установить фокус на другой элемент, такой как поле ввода, текстовое поле или ссылки

Answer 4

набор outline:none в вашем css

Answer 5

Попробуйте использовать метод Javascript .blur().