2011-08-11 4 views
2

Googleフォントからフォントをインポートするときに選択に問題があります。 Safariでselectをクリックすると、ウェブサイトがリロードされます。 Chrome、FF、IEではすべてが問題ありません。例:GoogleフォントとSafariの選択問題

http://jsfiddle.net/stcvS/

誰が助けることはできますか?

+0

使用しているサファリのバージョンは?どのようなOSですか? Win 7でSafari 5.0.5で正常に動作している鉱山 – rickyduck

+0

Safari 5.1(6534.50); MAC OS X 10.6.8 –

答えて

1

私は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> 
1

これはSafariの5.1のバグのようです。 CSS @ font-faceのすべてのSELECTは、ページの再読み込みに失敗します。

+0

私の経験で同じことが起こっています –

2

あなたはCSSを経由してサファリを対象とし、問題を回避することができます

@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; 
} 

} 
0

それはユーザー<ul></ul><ol></ol>に優れていて、必要なCSSやJavaScriptを我々が適用しなければならない特殊な例このタイプで<select></select>を使用してのinsted適用されます異なるフォントファミリ、フォントスタイルなど