2010-06-02 57 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

相关问题