造型JQuery的UI滑塊

這是我對JQuery的UI滑塊造型JQuery的UI滑塊

<li class = "volume"> 
    <div class = "slider-vertical" style="height:50px; margin-left:4px; 
    margin-top:-60px; background-color: black;" hidden></div> 
</li>

我已經使用了內嵌樣式此標記。我的問題是，如何來jQuery滑塊的顏色沒有改變？即使我已將其設置爲黑色？

來源

2012-08-27 KyelJmD

您應該避免使用內聯樣式並使用jQuery的CSS選擇器（例如.ui-widget-content）。 – j08691

你能提供一個例子嗎？ – KyelJmD

查看http://jqueryui.com/demos/slider/上的主題標籤。另外，從jQuery UI站點打開一個例子，看看如何應用jQuery CSS。您可以編輯CSS或覆蓋它。 – j08691

您應該使用jQuery UI Themeroller來設置UI組件的樣式，併爲您的實現生成自定義CSS文件，而不是嘗試將內聯樣式應用於滑塊。

許多jQuery UI組件利用圖像作爲背景，所以更新背景顏色通常不會產生所需的效果。使用Themeroller會給你最好的結果。

來源

2012-08-27 14:54:53 Rondel

造型JQuery的UI滑塊

回答

相關問題