2010-06-02 90 views
1

我想製作一個類似於datepicker的時間選擇器,符合當前的UI主題。我可以複製或以某種方式繼承從datepicker到我的時間選擇器的CSS屬性?我不想複製課程的行爲,只是CSS的道具。使用JQuery將CSS從一個類複製到另一個類?

(我見過其他timepickers在那裏,但我不與任何人真的很高興......)

+2

難道你不能複製你喜歡的CSS並將類重命名爲其他東西? – 2010-06-02 14:30:30

+0

您是否可以重構您的CSS,以便您擁有一些通用的基礎樣式,然後覆蓋它們? CSS被設計爲級聯:這正是用例的原因。 – McPherrinM 2010-06-02 14:31:14

+0

@Josh,好點+ 1rep – 2010-06-02 16:18:54

回答

1

這是很難做到的CSS和HTML標記(和JavaScript代碼)都非常緊密耦合在一起。此外,CSS需要一些圖像(通常是一個包含數十個圖像的大圖像--css會選擇顯示大圖像的哪一部分)。

爲了繼承css,您還需要繼承類名並在datepicker中使用相同的名稱。 datepicker對核心jquery.ui.css也有依賴關係,而不僅僅是datepicker.css。所以,你還需要考慮到這一點。

1

您可以使用jQuery讀取所有所需的值,將其設定爲在路上變量:

$(this).css({'background-color' : color+'px', 'padding' : padding+'px'}); 
:通過

var color = $(this).css("background-color"); 
var padding = $(this).css("padding"); 

等等...

後輸出

這是否有道理,它不是真的複製樣式表,但它正在讀取的部分將它們附加到另一個元素...

祝你好運。

+0

如果有幾十種不同的風格會怎樣? – 2010-06-02 16:34:58

相關問題