Question

从Google字体导入字体时，我遇到选择问题。当我点击Safari上的select时，网站会重新加载。在Chrome，FF，IE上一切正常。示例：

有人可以帮忙吗？

Answer 1

您可以通过CSS定位Safari并避免此问题：

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

/* for Safari 5.1 bug http://stackoverflow.com/questions/7025826/google-fonts-safari-select-problem */

.formData SELECT {

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

}

Answer 2

我不确定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>

Answer 3

这似乎是Safari 5.1中的一个错误。每个使用CSS @ font-face的SELECT都会因页面重新加载而失败。

Answer 4

最好是用户<ul></ul>或<ol></ol>并在这种特殊情况下应用必要的css和javascript使用<select></select>，我们必须应用不同的font-familiy，font-风格等。

谷歌字体＆amp; Safari SELECT问题

4 个答案: