我有一个水平的剑道菜单作为我的主导航菜单。在那些有子项的菜单项上,它有一个右箭头指向菜单项文本的末尾,但右箭头几乎是负间距。我尝试添加 padding-left
、margin-left
,并尝试了 :before
和 :after
伪代码,唯一的区别是当我将 :after
伪代码与 content: " "
一起使用时,它实际上放入了五个字符的文字字符串
使用空格,即 content: ""
没有效果。
出于某种原因,用户必须单击带有子项的菜单项才能使其下拉,尽管我怀疑还有一个悬停条件永远不会起作用,因此箭头是向用户指示菜单项的唯一指示有 child ,必须点击才能看到他们。我目前唯一的解决方案是使用 jQuery 删除爆炸箭头,并使用我的问题的答案 How do I make a Kendo Menu open on hover, not on click?使带有子项的菜单项自动下拉。
这个绿色地球上有没有人知道如何在箭头和菜单项文本之间获得合适的间距,他们会介意分享它,还是为了非常可观的赎金而持有它?
这是菜单的图片:
最佳答案
如果您的菜单类似于 http://demos.kendoui.com/web/menu/orientation.html水平方向,那么你需要改变:
.k-menu .k-item>.k-link>.k-i-arrow-e {
right:0px;
}
它是绝对定位的,所以你需要使用上/左/下/右来将它放在你想要的位置,以及为什么边距似乎没有效果
关于jquery - 如何修复带有子项的 Kendo 菜单项上的箭头间距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17319068/