Google 글꼴 및 사파리 선택 문제

Google 글꼴에서 글꼴을 가져올 때 선택 문제가 있습니다. Safari에서 select를 클릭하면 웹 사이트가 다시로드됩니다. Chrome, FF, IE에서는 모든 것이 정상입니다. 예 :Google 글꼴 및 사파리 선택 문제

http://jsfiddle.net/stcvS/

누군가가 도와 드릴까요?

출처

2011-08-11 Hubert Burdach

사용중인 사파리의 버전은 무엇입니까? 어떤 OS인가? Windows 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

이 사파리 5.1에서 버그가 수 있도록 보인다. CSS @ font-face가있는 모든 SELECT는 페이지를 다시로드 할 때 실패합니다.

출처

2011-08-29 08:34:06 jankkhvej

내 경험에 똑같은 일이 발생합니다. –

당신은 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; 
} 

}

출처

2011-10-17 20:27:06 Justin

그것은 사용자 <ul></ul> 또는 <ol></ol>에 더 나은를 필요 CSS와 자바 스크립트를 적용 우리가 적용해야 할 특별한 경우 이런 종류의 <select></select>을 사용하는 insted 다른 글꼴 - 글꼴, 글꼴 스타일 등

출처

2015-06-24 05:39:03

Google 글꼴 및 사파리 선택 문제

답변

관련 문제