Как удалить выделение по умолчанию в Safari при использовании jQuery

Я заметил, что под Safari в OS X у моих кнопок jQuery по умолчанию появляется синяя подсветка. Просто проверяется, и то же самое происходит на странице jQuery UI Demo.

Default button highlighting under Safari

В Firefox на моей же машине это выглядит как

enter image description here

Может ли кто-нибудь сказать мне, что я могу сделать, чтобы удалить это под Safari? Мне все равно понравится поведение по умолчанию.

Ответы

Ответ 1

Чтобы удалить любую подсветку входов, которую может использовать любой браузер в качестве действия по умолчанию, вы всегда можете использовать outline:none для своих css. в вашем случае это элемент button. поэтому это должно работать:

button {
    outline: none;
}

Хотя не рекомендуется удалять схему CSS., поскольку это плохо для доступности. (Спасибо Робин Клоуэрс за упоминание об этом)

Ответ 2

*{
    outline: none;
}

.blah{
    outline-color: blue;
}

Это не повлияет на существующие. (.blah) Это также работает в Google Chrome.

Живая демонстрация: http://jsfiddle.net/DerekL/TUbjc/

Ответ 3

Попробуйте использовать

В CSS:

-webkit-tap-highlight-color: rgba(0,0,0,0);

В Javascript:

document.addEventListener("touchstart", function(){}, true);

Ответ 4

Эта кнопка имеет фактически определенное свойство контура. Вы должны переопределить это. Если вы проверите это в Firebug, вы увидите следующее объявление CSS для этой кнопки:

.ui-dialog .ui-dialog-buttonpane button{outline:none;}