如何在不覆蓋默認值的情況下添加自定義數據主題色板？

使用Themeroller我可以使用自己的顏色主題來代替默認的主題。但是我想添加一些數據 - 主題色板（例如「f」和「g」）並將它們與默認值一起使用。我可以用Themeroller做到嗎？如何在不覆蓋默認值的情況下添加自定義數據主題色板？

2013-07-08 Cubius

如果你看一下jquery mobile's css file，你會看到這樣的結構：

/* Swatches */ 
/* A ---------------------------------------------*/ 

.ui-bar-a { 
    border: 1px solid  #333 /*{a-bar-border}*/; 
    background:    #111 /*{a-bar-background-color}*/; 
    color:     #fff /*{a-bar-color}*/; 
    font-weight: bold; 
    text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #000 /*{a-bar-shadow-color}*/; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c /*{a-bar-background-start}*/), to(#111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */ 
    background-image: -webkit-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ 
    background-image: -moz-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */ 
    background-image:  -ms-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */ 
    background-image:  -o-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */ 
    background-image:   linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); 
} 
.ui-bar-a, 
.ui-bar-a input, 
.ui-bar-a select, 
.ui-bar-a textarea, 
.ui-bar-a button { 
    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 
} 
.ui-bar-a .ui-link-inherit { 
    color: #fff /*{a-bar-color}*/; 
} 
.ui-bar-a a.ui-link { 
    color: #7cc4e7 /*{a-bar-link-color}*/; 
    font-weight: bold; 
} 
... 
/* B -----------------------------------------*/ 
... 
/* C -----------------------------------------*/ 
... 
/* D -----------------------------------------*/ 
... 
/* E -----------------------------------------*/ 
... 

/* Structure */ 
/* links within "buttons" -----------------------*/

你可以添加主題爲「F」（或任何你想將它命名）/* Structure */之前，或者在一個單獨的CSS文件引用後 jQM的CSS。這不會影響以前的樣式。但一定要這樣命名元素：

.ui-bar-themename

否則，你會超過現有的樣式。

來源

2013-07-08 18:17:38 krishgopinath

在Themeroller中，我爲字母F和G添加了其他樣式，並根據需要調整它們（A - E保持原狀）。然後，我下載了帶有樣式的zip文件，複製了/* F和/* G部分（感謝@hungerpain），將它們放在單獨的.css中，並將其鏈接到jQM .css之後。

來源

2013-07-09 15:16:26 Cubius

如果您認爲這是正確的答案，請將其標記爲正確答案，或將我的答案作爲正確答案 – krishgopinath

所有由jquery-mobile.js文件執行的jquery手機主題。在.js文件中只定義了5個主題。 A和B以及C和D以及E. 如果您想將自定義主題（例如「F」）添加到此組主題中，則應將此主題ID添加到jquery-mobile.js中以供執行。你有沒有失望？在簡單情況下，您可以通過切入「A」或「B」主題參數來製作自定義主題。

來源

2016-03-19 19:21:40 negin51

如何在不覆蓋默認值的情況下添加自定義數據主題色板？

回答

相關問題