Under The Hood: Customizing a Swatc

Under The Hood: Customizing a Swatch
The theme swatches in jQuery Mobile are all defined by CSS, so they are easy to modify
to suit your individual needs. The swatches are broken out into sections in the jQuery
Mobile style sheet, and are straightforward.
The best way to modify a theme is to create a style sheet that overrides the desired styles
and then load that style sheet after you load the jQuery Mobile style sheet. This is
especially useful if you are using the CDN to serve the jQuery Mobile style sheet.
For example, let’s say we want to change the yellow colors of Swatch E to be green. It’s
a simple matter of creating some override rules. In Example 4-3, I have copied and
74 | Chapter 4: Theming jQuery Mobile
pasted the relevant rules from the Swatch E section of the jQuery Mobile style sheet
and substituted my own colors

Kết quả (Việt) 2:

Under The Hood: Tùy biến một Swatch
Các swatches chủ đề trong jQuery Mobile là tất cả các quy định của CSS, vì vậy họ dễ dàng để sửa đổi
cho phù hợp với nhu cầu cá nhân của bạn. Các swatches được chia ra thành các phần trong jQuery
style sheet Mobile, và là đơn giản.
Cách tốt nhất để sửa đổi một chủ đề là tạo ra một phong cách trang đó sẽ ghi đè các phong cách mong muốn
và sau đó tải rằng phong cách trang sau khi bạn tải các style sheet jQuery Mobile . Điều này là
đặc biệt hữu ích nếu bạn đang sử dụng CDN để phục vụ cho phong cách trang jQuery Mobile.
Ví dụ, giả sử chúng ta muốn thay đổi màu vàng của Swatch E là màu xanh lá cây. Đó là
một vấn đề đơn giản của việc tạo ra một số quy tắc ghi đè. Trong Ví dụ 4-3, tôi đã sao chép và
74 | Chương 4: Theming jQuery Mobile
dán các quy định có liên quan từ các phần Swatch E của phong cách trang jQuery Mobile
và thay thế màu sắc của riêng tôi