Проблема с Google Fonts & Safari SELECT - PullRequest
Новая
       2

Проблема с Google Fonts & Safari SELECT

2 голосов
/ 11 августа 2011

У меня проблема с выбором, когда я импортирую шрифты из Google Fonts. Когда я нажимаю «Выбрать» в Safari, веб-сайт перезагружается. На Chrome, FF, IE все ок. Пример:

http://jsfiddle.net/stcvS/

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

Ответы [ 4 ]

2 голосов
/ 18 октября 2011

Вы можете настроить таргетинг на Safari через CSS и избежать проблем: 

@media screen and (-webkit-min-device-pixel-ratio:0) {

/* for Safari 5.1 bug /5224290/problema-s-google-fonts-safari-select */

.formData SELECT {

    font-family:Helvetica, arial, sans-serif;
}

}
1 голос
/ 29 августа 2011

Это похоже на ошибку в Safari 5.1.Каждый SELECT с CSS @ font-face завершается неудачей с перезагрузкой страницы.

1 голос
/ 11 августа 2011

Я не уверен, что JQuery - это маршрут, по которому вы хотите пойти, но, возможно, это может помочь: 

<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
</head>
<body>
    <select id="dropdown">
        <option>kiko</option>
        <option>atletico</option>
    </select>

    <script>
    jQuery(document).ready(function($){
        $("#dropdown").click(function(event) {
        event.preventDefault();
        });
    });
    </script>
0 голосов
/ 24 июня 2015

Лучше всего пользователю <ul></ul> или <ol></ol> и применить необходимые CSS и JavaScript, основанные на использовании <select></select> в этом особом случае такого типа, где мы должны применять разные font-familiy, font-style и т. Д.

...