如何在 html 菜单中获取箭头标记而不是项目符号

Posted 2023-03-06

【中文标题】如何在 html 菜单中获取箭头标记而不是项目符号

【英文标题】：How to get Arrow marks instead of bullets in html menus

【发布时间】：2012-08-24 01:25:14

【问题描述】：

我在 .cshtml 页面中的 html 代码是

 <menu id="menuTools">
        @Html.ActionLink("Test1", "Index", new  Area = "Tools", Controller = "Controller1" )
        @Html.ActionLink("Test2", "Index", new  Area = "Tools", Controller = "Controller2" )
        @Html.ActionLink("Test3", "Index", new  Area = "Tools", Controller = "Controller3" )
    </menu>

我需要在每个菜单前面有箭头标记而不是项目符号。谢谢。

更新：当我单击特定菜单时，我需要有箭头标记。谢谢。

【问题讨论】：

您正在生成操作链接，当您单击时，您不会被重定向到这些网址吗？

【参考方案1】：

最简单的方法是给 ul 一个样式

list-style-image:url('/path/to/yourArrow.png');

那么您可能必须使用 列表样式位置：Xpx Ypx； 另外要对齐它。见http://www.w3schools.com/cs-s-ref/pr_list-style-image.asp

【参考方案2】：

我想这可能会有所帮助：http://www.chami.com/tips/internet/050798i.html 所以“→”是一个“&”+“rarr;”

【参考方案3】：

如果您使用列表<li>，CSS 中有一个选项可以将自定义图像设置为项目符号图像。你可以使用list-style-image:

【讨论】：

只有在点击特定菜单时，我才需要显示相应的箭头。怎么可能。谢谢