谷歌字體和Safari選擇問題

我從Google字體導入字體時遇到問題。當我點擊Safari上的選擇，網站重新加載。在Chrome，FF，IE中一切正常。例如：谷歌字體和Safari選擇問題

誰能幫助？

2011-08-11 Hubert Burdach

你使用哪個版本的safari？什麼OS？在Win 7上Safari 5.0.5上正常運行的地雷 – rickyduck

Safari 5.1（6534.50）; MAC OS X 10.6.8 –

我不知道，如果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>

來源

2011-08-11 13:50:07

這似乎是在Safari 5.1中的錯誤。每個使用CSS @ font-face的SELECT都會因頁面重新加載而失敗。

來源

2011-08-29 08:34:06 jankkhvej

同樣的事情發生在我的經歷中 –

您可以通過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; 
} 

}

來源

2011-10-17 20:27:06 Justin

最好是用戶<ul></ul>或<ol></ol>並應用必要的CSS和JavaScript insted的這種類型的特殊情況，我們必須申請使用<select></select>的不同的字體家族，字體樣式等。

來源

2015-06-24 05:39:03

谷歌字體和Safari選擇問題

回答

相關問題