Кнопки jQuery в Internet Explorer

Question

Я использую кнопки jQuery на своей странице.Всякий раз, когда я нажимаю на одну из них, Internet Explorer добавляет некрасивую черную рамку, потому что кнопка активна.Когда я просматриваю пример страницы jQuery с IE, эта граница не видна, когда я нажимаю одну из кнопок примера.

Почему бы и нет ??Как они избегают этой границы?Я проверил их CSS-файлы, но ничего не смог найти ...

Единственный способ отключить эту границу - использовать CSS-фильтр (который не является допустимым CSS):

button { filter:chroma(color=#000000); }

лучшее решение для этого?

Answer 1

Будьте осторожны, используя этот CSS-фильтр.Это вызовет побочный эффект в IE8 - маркеры внутри переключателей станут невидимыми.Таким образом, визуально может показаться, что переключатели не работают, если они работают правильно.

Answer 2

У вас есть что-нибудь еще в вашем CSS, что может быть причиной этого?Если он не появляется на странице примера, то в вашей разметке / css / javascript есть причина, которая его вызывает.

Попробуйте создать изолированный образец, используя только кнопки, и добавьте все остальные CSS, пока не узнаете, что его вызывает.