添加CSS到Jquery旋鈕？

Question

我有2個問題。首先，你如何去改變一個旋鈕的CSS？我試過向它添加一個類，但是這似乎不起作用。做內聯樣式也沒有。任何人都有任何線索可以做到這一點（一個例子會是驚人的）？其次，有沒有人有任何想法如何根據窗口大小修改旋鈕的大小？我似乎無法弄清楚如何讓百分比輸入。

編輯：要更改CSS，您必須使用Draw函數，因爲它是使用Canvas完成的，因此無法直接對其應用CSS。

這爲我工作：

$(".dial").knob({ 
    'draw': function() { 
     $(this.i).css('font-size', '100px'); 
     } 
}); 

Answer 1

由於使用Canvas的jQuery旋鈕，所以我們不能直接通過CSS來定製這個。

或者，您可以使用jQuery roundSlider插件，它類似於旋鈕，但它僅基於div元素構建。所以你可以根據你的意願自定義整體控制。

欲瞭解更多詳情，請查看demos和documentation頁面。

在這裏檢查different appearances。

Answer 2

答1：

要改變，你可以使用data-fgColor="#222222"屬性而初始化對象的顏色。因爲它的畫布CSS不會在那裏工作。你想申請什麼樣的風格？

答2：

更新你很快就會在此。