Question

jquery移动类jquery.mobile-1.4.4.css干扰了我的body类。如何更改主题以使我的body类主题为默认主题。

这是我的身体类主题的代码

 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 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

Answer 2

我试过这个并且它工作得很好..我将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) */
 }

jquery.mobile-1.4.4.js干扰身体主题

2 个答案: