2013-04-12 4 views
0

Это работает правильно на настольных браузерах но на всех iPhone браузерах у меня есть эта ошибка (не проверить на андроид телефонов)значок JQuery выглядит неправильно на iPhone

Обычно вы можете полностью увидеть белый, вниз, глядя знак стрелки на внутри круга, на iPhone, как вы можете видеть на изображении, есть только маленький кусочек его видимый.

Любые идеи, как я могу это исправить? Я использую JQuery мобильный и ссылки на файлы изображений локально

css/images 

папку, и мои головные сценарии как этот

<link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" /> 
    <script src="js/jquery-1.8.2.min.js"></script> 
    <script src="js/jquery.mobile-1.2.0.min.js"></script> 

и HTML является

 <select id="langoptions"> 
      <option class="langCH" value="0">Chinese</option> 
      <option class="langEN" value="1">English</option> 
     </select> 

enter image description here

+1

Можете ли вы POST HTML-код этой кнопки? – iappwebdev

+0

@Simon i обновлено – Spring

+1

Попробуйте создать jsfiddle ТОЛЬКО с select и css и проверьте на своем iPhone. Используете ли вы какие-либо стили float перед выбором? – iappwebdev

ответ

0

Оказывается что я использовал файл изображения, принадлежащий jQuery 1.3.1, в то время как мой css был 1.2.0

Загруженный файл zip zip 1.2.1, используемый правильный спрайт, и он исправлен. Эти два спрайта на самом деле имеют одинаковые значки, но один из них немного больше по длине, поэтому вызывает центрирование изображений.