Я видел этот вопрос, и мне пришлось остановиться, чтобы дать правильный ответ, и избавить меня от боли, которую я пережил более года назад, пытаясь придумать стандартный способ решения конфликтов форматирования CSS с помощью стилей JQM. Я надеюсь, что это спасет всех вас от некоторых волос, которые я потерял, когда понял это.
Решение заключается в специфике CSS. Все, что вам нужно сделать с любым конфликтом форматирования в JQM, - это сначала применить идентификатор к элементу, который вы хотите переопределить форматированием JQM с вашим собственным CSS.
Далее, в своем собственном CSS, укажите, что класс будет применен к id контейнера.
#img_button_1 .ui-btn-inner {border: none !important;}
Это так просто.
Еще одна важная вещь, и это то, что порядок загрузки внешних CSS-файлов является значительным, и вы захотите загрузить свой собственный CSS после JQM CSS.
Я разобрался с рабочим примером Райана jsFiddle, чтобы показать небольшую разницу с его решением, которое было по крайней мере на правильном пути здесь, в этом посте.
http://jsfiddle.net/Z8Xnx/14/
Еще одним дополнительным преимуществом этого подхода является то, что вам вообще не нужно изменять CSS JQM, и вы можете оставить его в покое. Я успешно использовал этот подход, чтобы разрешить каждый конфликт CSS JQM, с которым я столкнулся с момента выяснения этой проблемы требований специфики.
Надеюсь, что это поможет каждому с простым решением их головоломок в стиле JQM.
** ОБНОВЛЕНИЕ **
Мне было отмечено, что этот метод не работает с последней версией JQM (1.3.0b1), и это не правильно. Я исследовал и обнаружил, что это проблема с реализацией этой версии JQM в jsFiddle. Чтобы доказать это, я разместил примерную страницу на своем собственном пространстве с тем же кодом, который показан в примере с jsFiddle. Это означает, что на момент написания статьи вы действительно не могли доверять чему-либо в jsFiddle, используя последнюю версию JQM из опций. Просто на голову, и вы можете найти рабочую реализацию на ...
Пример переопределения CSS jQuery Mobile