jquery.mobile-1.4.4.js, мешающий теме тела

Question

jQuery mobile class jquery.mobile-1.4.4.css мешает моему классу тела. Как изменить тему, чтобы тема моего тела была по умолчанию.

Вот код для моей темы класса тела

body 
{ 
    margin: 0 auto; 
    background-color: grey !important;  
    background: -webkit-linear-gradient(white, grey); /* For Safari 5.1 to 6.0 */ 
    background: linear-gradient(white, grey); /* Standard syntax (must be last) */ 
} 

Answer 1

Я пробовал это, и он отлично работал. Я скопировал и вставил код из класса jquery css в свой файл css и изменил цвет в соответствии с моим. Вот код:

.ui-overlay-a, 
.ui-page-theme-a, 
.ui-page-theme-a .ui-panel-wrapper { 
background-color: grey !important; 
background: -webkit-linear-gradient(white, grey); /* For Safari 5.1 to 6.0 */ 
background: linear-gradient(white, grey); /* Standard syntax (must be last) */ 
}                 

Answer 2

JQuery Mobile создает страницу DIV, которая охватывает весь экран, так что если вы хотите, вы можете применить градиент фона на странице:

body, div[data-role="page"] 
{ 
     margin: 0 auto; 
     background-color: grey !important;  
     background: -webkit-linear-gradient(white, grey); /* For Safari 5.1 to 6.0 */ 
     background: linear-gradient(white, grey); /* Standard syntax (must be last) */ 
} 

DEMO