如何修复带有孩子的剑道菜单项上箭头的间距？

Question

我有一个水平的Kendo菜单作为我的主导航菜单。在那些有子节点的菜单项上，它在菜单项文本的末尾有一个右箭头，但是右边是箭头，几乎为负间距。我尝试添加padding-left，margin-left，并尝试了:before和:after伪，唯一的区别是当我使用:after伪与{{{ 1}}，它实际上放入了文字的五个字符串，content: "&nbsp"使用空格，即 没有效果。

用户必须单击带有子项的菜单项才会因为某种原因使其下拉，尽管我怀疑还有一个永远不会起作用的悬停条件，因此箭头是用户唯一指示菜单项的指示有孩子，必须点击才能看到它们。我目前唯一的解决方案是使用jQuery删除爆破的箭头，并使用我的问题How do I make a Kendo Menu open on hover, not on click?的答案来生成带有子项的菜单项自动下拉。

这个绿色地球上的任何人都知道如何在箭头和菜单项文本之间找到合适的间距，他们会介意分享它，还是他们拿着它来获得非常漂亮的赎金？

这是菜单的图片：

Answer 1

如果您的菜单类似于水平方向的http://demos.kendoui.com/web/menu/orientation.html，则需要更改：

 .k-menu .k-item>.k-link>.k-i-arrow-e {
     right:0px;
 }

它绝对定位所以您需要使用顶部/左侧/底部/右侧来进行操作，以及为什么边距似乎没有效果