jQuery кнопки в Internet Explorer

Question

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

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

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

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

Может быть, есть лучшее решение к этому?

Answer 1

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

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

Answer 2

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