可以在Kendo Tabstrip项目后添加管道分隔符吗？

Question

我的设计师给了我一个相当简单的菜单，菜单项由管道分开，所以它看起来像这样：

Home | About | Members | Contact

根据人的位置，可能会有更少或更多的菜单项。

在psuedo之外：CSS中的课后（IE7不支持并且我必须支持IE7），是否有一种方法在Kendo Tabstrip代码中添加分隔管道字符，这样它就不是链接的一部分？

提前致谢...

Answer 1

尝试加载：

http://code.google.com/p/ie7-js/

IE8版本＆amp;那么据说你应该可以使用：之后

a:after {
content: " | ";
}

有趣的问题是，IE7不支持：之后，但上面的脚本应该“修复”，如果它不会破坏更多。

Answer 2

它必须是管道（|）还是仅仅是垂直线？如果是这样，请尝试添加以下样式：

#menu {
    border-width: 0;
}

#menu > li.k-item {
    border-width: 0 3px 0 0;
    border-color: black;
}

#menu > li.k-item.k-last {
    border-width: 0;
}

请在此处查看示例：http://jsfiddle.net/OnaBai/ShRwy/