Использование шрифта-Awesome -В Chrome значки, отображаемые с помощью разметки , не отображают никакого стиля и не вызывают никаких событий для них

Я использую Font-Awesome, который является знаковым шрифтом для использования с Twitter Bootstrap.

Разметка-


CSS-

.reset-preference-button {
cursor: pointer;
}

JavaScript-

$(".reset-preference-button").on("click", function() {
//... do something
});

При рендеринге страницы курсор не меняется на указатель при наведении на элемент. Также ничего не происходит, когда я нажимаю на значок. Я убедился, что значок существует, прежде чем привязать событие.

Обратите внимание, что я использую элемент и ничего больше. Похоже, когда я явно устанавливаю стиль для этого элемента на "display: inline-block;", он работает нормально.

Согласно моим тестам, это происходит только в Chrome. Отлично работает в Firefox и IE. Моя текущая версия Chrome — 18, но она влияет и на другие версии.

Я уже сообщал об ошибке по адресуhttps://github.com/FortAwesome/Font-Awesome/issues/157

5
задан Brian Tompsett - 汤莱恩 10 August 2019 в 17:02
поделиться