2015-09-15 2 views
-1

Я хотел бы изменить цвет фона jquery mobile 1.4.5 страниц. У меня есть google и нашел то, что предлагают некоторые люди, поскольку правильные css переопределяют это. Однако для меня ничего не работает.Как изменить цвет фона на странице jquery mobile?

Мои переопределения CSS - это последний файл CSS, загруженный в мое приложение, поэтому я ожидал бы, что нижеприведенные классы переопределяют jqm css, но они этого не делают.

Кто-нибудь знает правильный способ сделать это?

Вот JSfiddle

UPDATE: Смотрите обновленную скрипка.

CSS:

.ui-page { 
     background:#296BC1; 
} 
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper 
.ui-content { 
    background:#296BC1; 
} 
+0

добавить важную роль в .ui-страницы фон недвижимости –

+0

Спасибо!. Как вы можете видеть, я не очень силен в CSS. Я забыл о важности. Я обновил скрипт с помощью CSS, который работает для моего приложения. Тем не менее, я заметил, что цвет фона jsfiddle изменяется только для области «div» в разделе содержимого. Не все пространство между верхним и нижним колонтитулом. Я не знаю, почему это так. –

ответ

0

Попробуйте сильные селекторы. Для начала:

div.ui-page-theme-a {} 

.ui-page-theme-a .ui-panel-wrapper .ui-content не применяется, поскольку нет в иерархии DOM между .ui-page-theme-a и .ui-content не .ui-panel-wrapper.

Если вы не знаете, как работают селекторы и операторы CSS, вот reliable reference.

0

Это работало для меня

.ui-overlay-a, 
.ui-page-theme-a, 
.ui-page-theme-a .ui-panel-wrapper { 
    background-color: #FFF !important; 
} 
0

Этот код должен работать:

.ui-page{ 
    background-color: #faaaff !important; 
} 
0

Попробуйте

div[data-role=page][data-theme=a] { 
    background:#fff; 
} 
Смежные вопросы