0

我有一个包含两件事的项目符号列表设计：

一个。替换列表图标的蓝色箭头图像

湾。每个列表项的顶部和下方都有一个非常轻的虚线边框。

我想通过（CKEDITOR.stylesSet）将它构建到 CKEditor 中，以便用户可以从下拉列表中选择这种特定样式的列表，而不必编写任何代码来这样做。

我已经成功地创建了一个包含特定类的列表（现在有了这个主题），但是，我遇到了一些问题，因为它似乎是同时应用虚线和蓝色箭头的唯一方法是通过 CSS3 使用多个背景，SURPRISE在 IE8 或更低版本中不起作用。

如果我添加了一些 DOM 污染（即，将列表项文本包围在一个跨度中），我可以为它设置主题；但是，似乎 CKEDITOR.stylesSet 只允许为每个样式设置一个元素（即，我可以将 ul 设置为元素或将 li 设置为元素，但是我无法使用一种样式在 UL 上设置一个类并围绕带有跨度的子 li 元素的文本）。

或者有吗？我正在考虑为此使用 JavaScript，但我也愿意接受其他建议来完成我正在做的事情。

谢谢！

4

1 回答 1

1

箭头或虚线都不需要使用背景图像。你可以通过 CSS 来实现。您需要 CKEditor 做的就是将一个类应用于（听起来您已经是），然后使用类似于以下的 CSS：

.styled li {
    border-top: dotted 1px black;
    border-bottom: dotted 1px black;
}
.styled
{
    list-style: square url('http://www.wcb.ny.gov/site_images/blueArrow.gif')
}

完整的工作示例：http: //jsfiddle.net/jwynveen/ZhjCK/

于 2013-07-19T18:48:35.993 回答