2012-10-11 40 views
7

Tôi đang gặp sự cố với các biểu tượng jQuery Mobile mặc định. Trên thiết bị Android (bất kỳ trình duyệt nào, được kiểm tra trên Trình duyệt mặc định, FireFox và Chrome), các biểu tượng có màu trắng nhưng phải có màu đen. Trên các thiết bị khác (iPhone, Windows Phone, máy tính để bàn), các biểu tượng có màu đen. Tôi đang sử dụng jQuery Mobile 1.2.0 ổn định mới nhất. Hãy cho tôi biết nếu có ai đó gặp phải vấn đề như vậy.Biểu tượng jQuery Mobile màu trắng thay vì màu đen trên Android

+0

Hi! Bạn có thể cung cấp một ảnh chụp màn hình và một số mã? – Littm

Trả lời

6

tôi đã cùng một vấn đề. Tôi đã sử dụng Con lăn chủ đề - http://jquerymobile.com/themeroller

Có thể có lỗi nhỏ khi tệp CSS được tạo. On line 789 là:

background-image: url(images/icons-36-white.png); 

nhưng nên là:

background-image: url(images/icons-36-black.png); 
+0

Tôi đã có cùng một vấn đề với tư cách là tác giả. Giải pháp này đã giúp. Tôi tin rằng đây phải là câu trả lời được chọn. – noname

+0

Tôi cũng có điều tương tự, rất hay! – natlines

+0

Cùng một vấn đề. @Paul hãy đánh dấu là câu trả lời !! Chỉ cần thực hiện tìm kiếm trong các tệp .css tùy chỉnh của bạn cho "trắng" và thay đổi thành "đen". – SnareChops

0

Tôi rất tiếc vì trước đây tôi chưa từng gặp vấn đề đó, nhưng bạn có thể thử thêm lớp ui-icon-alt vào các biểu tượng bạn muốn chuyển thành màu đen.

Đối với tất cả các biểu tượng:

$('.ui-icon').addClass('ui-icon-alt'); 
+0

Hoạt động, nhưng chỉ cho một số biểu tượng, biểu tượng ví dụ trong ListViews hoặc trong các phần tử biểu mẫu vẫn còn màu trắng. Không phải giải pháp quá tốt đẹp là thay đổi tất cả các đường dẫn biểu tượng trong tất cả các định nghĩa lớp thành màu đen. –

+0

Nếu bạn thích, thay đổi thuộc tính css 'background-image' từ' background-image: url (images/icons-18-white.png); 'thành' background-image: url (images/icons-18-black). png); '. – Pablo

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