jQuery mobile - как избавиться от синей подсветки на кнопке «Домой»

Question

Я использую jQuery mobile и использую кнопку home в шапке. При нажатии кнопка «Домой» выделяется синим цветом. Я хочу избавиться от этого, но не могу отследить правило CSS-правила / -webkit CSS, чтобы сделать это.

Скриншот:

Может кто-нибудь помочь?

Answer 1

В jQuery Mobile класс, добавленный к только что нажатым кнопкам: ui-btn-active. Вот ссылка на документацию, в которой говорится об этом классе (хотя он мало говорит): http://jquerymobile.com/demos/1.0b2/docs/toolbars/docs-navbar.html

Не уверен, что это то, что вам нужно, но я подумал, что это может помочь. Я бы порекомендовал использовать FireBug или какой-либо другой инструмент DOM Inspection для просмотра кнопки в режиме реального времени.

Answer 2

Вы уверены, что это не просто привет-подсветка по умолчанию, которую получают ссылки, когда сфокусированы?

Попробуйте

#buttonID:focus{
    border: none;
    outline: 0;
}

Answer 3

Идея , которая поможет вам отследить проблему, поскольку вы не делитесь ссылкой (вы можете просто поделиться первой страницей), заключается в использовании Safari , Chrome или даже Firefox и заставить их действовать как iPhone, чтобы вы могли использовать их Inspector / Firebug для отслеживания проблемы

Firefox имеет Agent User Switcher , который вы можете легко использовать, чтобы браузер был интрапертирован как iPhone

Chrome имеет его как просто добавьте строку User Agent в опцию Extension, чтобы создать новую опцию

Safari 5 - самый простой, поскольку он уже встроен:

1. Откройте Safari и перейдите в «Настройки», перейдите в «Дополнительно».В нижней части вкладки есть флажок для Show Develop menu in menu bar.

2. Перейдите в меню Develop, перейдите к User Agent и выберите любое устройство iOS.