БЫСТРОЕ РЕШЕНИЕ:

Решение, если вы хотите повлиять на фактический элемент .ui.

.ui-state-active a, .ui-state-hover a {
    outline: none;
}

В чем разница между ответом Анона и Константина Д.

Анон справедливо нацелился на фактический «тег» внутри «тега li». Всегда помните, что вкладки (); использует теги внутри несортированного списка. Чтобы на самом деле отображать вкладки навигации.

ПРИМЕР:

CSS также влияет на контур li: a теги

.ui-state-active a, .ui-state-hover a {
    outline: none;
}

Запускает виджет вкладок пользовательского интерфейса jQuery

$('#my-tabs').tabs();

Разметка вкладок в HTML

<div id="my-tabs">
    <ul>
        <li><a href="#tab-1">Tab 1</a></li>
        <li><a href="#tab-2">Tab 1</a></li>
    </ul>
    <div id="tab-1"></div>
    <div id="tab-2"></div>
</div>

Мой ответ - смесь всех вышеперечисленных ответов, простая и короткая.

принятый ответ работает в Firefox, но у меня были проблемы с ним в Chrome на Mac.
атрибут стиля контура, казалось, решил это для меня.

.ui-state-focus {
        outline-style:none;
    }

Я столкнулся с той же проблемой. jQuery mobile применяет классы во время выполнения, я пробовал вышеуказанные решения, но у меня это не сработало, затем я удалил форму класса ui-shadow <div data-role="navbar" class="ui-corner-all">, которая выполнила мое требование.