2013-01-15 52 views
5

Tôi đang triển khai jQuery Mobile lần đầu tiên và đang gặp khó khăn khi thay đổi màu nền của nội dung trang web của mình. Thay vì đăng tất cả HTML và CSS tại đây (vì nó dài), bạn có thể xem mã nguồn tại đây: http://www.tommaxwell.meKhông thể thay đổi màu nền của jQuery Mobile?

Tôi đã thử thêm nó vào truy vấn phương tiện trên máy tính để bàn, nội dung của trang web bên ngoài bất kỳ phương tiện nào truy vấn và không có may mắn. Điều này thật kỳ lạ, nhưng trước đây tôi chưa từng sử dụng jQuery Mobile.

Trả lời

16

Thay đổi css này tài sản trong siteredesign.css của bạn (chắc chắn rằng nó sẽ ghi đè jquery.mobile.css):

.ui-cơ-c, .ui-overlay-c {background: # 000; }

+2

'.ui-page {background: # 2b2e31; } 'cũng hoạt động –

1

Là một thay thế cho việc thay đổi chủ đề dữ liệu riêng của mình (.ui-cơ-c ..), bạn cũng có thể sử dụng một trong những chủ đề dữ liệu được xác định trước, tức là chủ đề "a":

< div đĩa dữ liệu role = "trang" dữ liệu-theme = "a" >

+0

Điều này sẽ không giúp ích nếu anh ta muốn duy trì chủ đề hiện tại ... –

0

này làm việc trên div chính: data-role="page" data-theme="b"

-3

Đối jqm định nghĩa 5 chủ đề.

A và B, C, D và E.

Bạn nên đặt chủ đề dữ liệu cho từng phần tử trong trang. Không có chủ đề dữ liệu cho các phần tử, chủ đề của chúng là chủ đề "A".

theme mặc định:

<div class="ui-content" role="main"> 

chủ đề yêu thích của bạn:

<div class="ui-content" role="main" data-theme="e"> 

cho các chủ đề tùy chỉnh màu sắc trong năm chủ đề này, bạn nên thay đổi tập tin jquery.mobile.css và bạn nên biết css mã hóa .

Các vấn đề liên quan