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

Question

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

由于某种原因，用户必须单击带有子项的菜单项才能使其下拉，尽管我怀疑还有一个悬停条件永远不会起作用，因此箭头是向用户指示菜单项的唯一指示有孩子，必须点击才能看到他们。我目前唯一的解决方案是使用 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;
 }

它是绝对定位的，所以你需要使用 top/left/bottom/right 来将它放到你想要的位置，以及为什么边距似乎没有效果