我有一个元素符号列表的设计，它包含两件事:
一个。替换列表图标的蓝色箭头图像
每个列表项的顶部和下方都有一个非常浅的虚线边框。
我想通过 ( CKEDITOR.stylesSet ) 将它构建到 CKEditor 中，以便用户可以从下拉列表中选择这种特定样式的列表，而不必为此编写任何代码。
我已经成功地创建了一个包含特定类的列表(现在有了那个主题)，但是，我遇到了问题，因为这似乎是同时应用虚线和蓝色的唯一方法箭头是通过 CSS3 使用多个背景，SURPRISE，它在 IE8 或更低版本中不起作用。
如果我添加一些 DOM 污染(即，将列表项文本包围在一个范围内)，我可以将其设置为主题；然而，似乎 CKEDITOR.stylesSet 只允许为每个样式设置一个元素(即，我可以将 ul 设置为一个元素或将 li 设置为一个元素，但是我无法使用一种样式在 UL 上设置一个类并将具有跨度的子 li 元素的文本)。
或者有吗？我正在考虑为此回退到 JavaScript，但我也愿意接受其他建议来完成我正在做的事情。
谢谢!
最佳答案
不需要为箭头或虚线使用背景图像。您可以通过 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')
}
关于css - 将涉及多个元素的条目添加到 CKEDITOR.stylesSet，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13377620/