如何将JavaScript控件集成到现有的CSS网站？

这可能是一个基本的CSS问题：我有一个用精心定义的CSS主题设计的网站。我添加了一些控件（来自jquery），但他们有他们的设计师的风格，而不是我的网站。什么是最简单的方法（最少量的工作），使插入的控件使用网站的CSS而不是控件的样式？有一种简单的方法可以将一组class/id映射到另一个上吗？或者我错过了一些关于CSS的基础知识？如何将JavaScript控件集成到现有的CSS网站？

来源

2009-11-13 Doug Blank

您可以尝试通过在同一时间尽可能多地定义自己的部件，并在外部的“地图”的事情：

div.my_widget, 
div.external_widget 

{ border: 1px blue solid; }

如何成功，可在很大程度上取决于你的网站和控制' 结构体。

作为一般规则，宁可更改自己的样式表以使用控件，而不是更改控件以使用样式表。这样，您可以轻松集成控件的新版本。

来源

2009-11-13 23:31:11

最常见的方法是检查要添加的控件的DOM结构，并查看是否可以使用应用的类以您想要的方式进行设置，通常是覆盖控件的CSS选择器，或者通过从头开始为控件DOM结构编写CSS。

来源

2009-11-13 23:29:57

好吧，这听起来不太容易，但是如果没有直接实现它，你有链接是否会展示基本想法？这肯定是一个共同的必要性，不是吗？ –

我假设你使用jQuery UI？如果是这样，他们有一个ThemeRoller。

来源

2009-11-13 23:32:30

所以你会建议设置控件的颜色来匹配主机CSS？这似乎是一个合理和相当简单的方法。 –

如何将JavaScript控件集成到现有的CSS网站？

回答

相关问题