如何用我的覆盖 RadWindow 控件 CSS 类？

Posted 2023-03-06

【中文标题】如何用我的覆盖 RadWindow 控件 CSS 类？

【英文标题】：how to overwrite RadWindow control CSS classes with mine?

【发布时间】：2012-06-13 07:26:18

【问题描述】：

嗨，

我正在使用具有自己的 css 的 Telerik 控件 (RadWindow)。

我想编辑控件设计并更改颜色、背景等。

我希望我的 CSS 覆盖控件 CSS，因此我使用了相同的类名称，但结果是我的类被控件的 CSS 覆盖。

这里有人知道我该怎么做才能解决它吗？

我附上屏幕截图以使自己更清楚。

非常感谢您的帮助！ 英巴尔。

【参考方案1】：

从另一个覆盖 CSS 的简单方法是使选择器更具体，例如通过预先添加一个额外的选择器：

body div.radwindow_Gray table td.topleft  /* Your new properties */ 

在本例中，我已将body 添加到选择器中。

您的 CSS 选择器越具体，它的重要性就越高。

另一种解决方案是将!important 附加到属性值（在IE6 中不起作用）：

div.radwindow_Gray table td.topleft  background: red !important 

html 文档中的 CSS 文件高于 radWindow 中的 CSS 文件。 在 radWindow 中的最后一个 CSS 文件之后移动您的 CSS 文件，也将解决您的问题，因为您的 CSS 将覆盖来自 radWindow 的那些。这样，您可以保持选择器与 radWindow 的 CSS 相同。

【讨论】：

谢谢！我结合了你的两个例子（body 和 !important），得到了我想要的结果 :)

请注意，当您使用其中包含 Telerik 皮肤名称的选择器（例如 RadWindow_Gray、RadWindow_Silk）时要小心。我使用一个集中的皮肤逻辑，允许更改站点范围的皮肤。在这种情况下，皮肤变化会破坏你的 CSS。