css - Magento - 管理导航中的自定义 CSS

Question

我有一个问题，但尚未设法找到解决方案。我有一个模块。对于这个模块，我在管理顶部导航菜单中有一个条目。我想从这个定制：

对此：

有没有人现在可以解决这个问题？也许一种将css类添加到<a>包装<span>文本的方法？

谢谢 ：）

Answer 1

对此没有不同的节点，但CDATA可以使用。

<menu>
    <your_module translate="title" module="your_module">
        <title><![CDATA[<span class="custom-class">Checklist</span>]]></title>
    </your_module>
</menu>

有关具体信息，请参阅Mage_Adminhtml_Block_Page_Menu::_buildMenuArray()。

但是，你真的想这样搞定菜单吗？想象一下，如果每个开发人员都这样做。不添加顶级导航项目通常是好的/礼貌的做法，尤其是带有图标的。深思熟虑:-)

Answer 2

似乎在 Magento 的更高版本中，菜单标题的值被转义，因此即使使用 CDATA 也不起作用。我见过的一些模块成功地添加了图标，实际上重载了Mage_Adminhtml_Block_Page_Menu类以防止这种情况。

但实际上，您可以通过定位导航菜单中的 URL，使用简单的 CSS 规则将图标放入其中！

ul#nav .level1 a[href*="url_here"] span {
    background-image: url('../images/logo.png');
    background-position: left 4px;
    background-position-x: 5px;
    background-repeat: no-repeat;
    padding-left: 25px;
    background-size: 14px;
}