1

在过去的几年里，我一直在使用Eric Meyer 的 CSS resets开发网站。我喜欢它，永远不会回头。我从没想过回头。但是今天，我们实现了Telerik Rad Editor控件。不幸的是，CSS 重置也破坏了 Rad 编辑器的内部布局。有什么方法可以防止重置级联到 Rad 编辑器。

提前致谢。

4

8 回答 8

3

我们在我们的应用程序中广泛使用 RadEditor，并发现了类似的问题。我已经使用编辑器 CSS 代码将近 2 年了，并且发现克服这些问题相当容易。

首先，您是否为编辑器使用自定义皮肤？这是克服这些问题的最佳方法。如果不是，您可以通过复制现有主题并重命名来简单地添加一个。这将允许您修改外部文件中的 CSS，而不是试图覆盖嵌入在 Telerik 程序集中的样式表。

在那之后，这将是一个简单的问题，即找出导致问题的样式。我从您的评论中猜测按钮未正确呈现，很可能是因为您的重置样式表覆盖了默认列表样式。我会使用 firebug 来查看重置文件在哪里覆盖样式表中定义的样式。

很可能是因为对于要重置的东西根本没有样式定义，因为 Telerik 样式表中定义的任何内容都比重置样式更具体，因为它们将包含前面的类名，这将增加 CSS 特异性10.

如果您能提供更多细节，我很乐意尝试提供更多帮助。

于 2009-12-23T23:10:21.797 回答
1

几乎没有，因为 CSS 中没有“排除”语句。您将不得不重新引入重置样式表删除的内容。

但从经验来看，我很确定搞砸的原因只是一两件事出了差错。有可能在合理的时间内检查和修复它们。

于 2009-12-23T22:08:37.160 回答
0

您可以使用iframe来描述 CSS 上下文。但是，它使一些事情变得更加困难。

于 2009-12-23T22:02:36.553 回答
0

没有。这是 CSS 重置的固有问题之一。

那是1000美元的控制权？！也许您应该给他们打电话并请求使其与 CSS 重置兼容。

重置使过渡 HTML 中的一些不推荐使用的属性无法使用，但“行业最佳”编辑器不应该依赖这些。其他一切都可以通过适当的样式表修复。

于 2009-12-23T22:06:10.340 回答
0

实际上，您可以指定特定的 CSS 文件供 RAD 编辑器在加载时参考。只需创建一个 CSS 文件，添加重置所带走的内容，并且只有 RAD 编辑器会引用该 CSS 文件。

例如，此编辑器将在页面加载时引用名为“radEditor.css”的特定文件。

<telerik:RadEditor ID="RadEditor1" runat="server" AllowScripts="True">
  <Content>
  </Content>
  <CssFiles>
    <telerik:EditorCssFile Value="~/css/radEditor.css" />
  </CssFiles>
</telerik:RadEditor>

祝你好运，希望这对一些人有所帮助。

于 2009-12-23T22:16:07.083 回答
0

如果您尝试确定元素开始的样式，您可以参考流行浏览器的默认样式表之一 - 例如，这是用于 HTML 的 WebKit样式表。我认为从标记中您可以将其缩小到几个元素？

编辑：这是壁虎之一。

于 2009-12-23T22:46:21.547 回答
0

您可以找出元素的默认值是什么（制作一个仅包含该元素的无样式页面并使用 Firefox 的 DOM Inspector 检查），然后在样式表的末尾再次添加规则并!important添加到每个规则中。

于 2009-12-23T22:55:41.483 回答
0

我只是在此处添加此内容以供参考。Twitter Bootstrap 使大多数按钮消失。这是修复。EditorCssFile 只是用来将编辑器的背景颜色改回白色。

<style type="text/css">
    .telerik img {
       max-width:none;
    }       
</style>

<div class="telerik">
    <telerik:RadEditor ID="RadEditor1" BackColor="White" ToolbarMode="RibbonBar" runat="server">
        <CssFiles>
            <telerik:EditorCssFile Value="/assets/css/editorContentArea.css" />
        </CssFiles>
    </telerik:RadEditor>
</div>
于 2013-05-30T08:37:27.243 回答