Ruby on rails 我能在ZURB基金会的顶部导航栏上修改下拉的三角形图像吗？

我正在使用，我想将顶部栏导航菜单上下拉菜单的三角形图像更改为cog。如何做到这一点？

您使用的是香草CSS和JS，还是？假设是gem，进入

foundation_和_overrides.scss

并使用以下方法删除三角形：

$topbar-arrows: false; //Set false to remove the triangle icon from the menu item

然后，您可以添加自定义css，将一个齿轮放在那里。下面是三角形的原始css，它是使用非常小的插入边框创建的，如果您想确保匹配正确的边距等

.top-bar-section .has-dropdown > a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
    border-top-style: solid;
    margin-top: -2.5px;
    top: 22.5px; }

编辑这里有一些CSS几乎达到了目的，除了

右边距

被一些基金会的CSS覆盖。。。不过应该有帮助

.top-bar-section .has-dropdown > a:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 0px;
  background-image:url('https://cdn1.iconfinder.com/data/icons/imod/512/Hardware/pignon.png');
  background-size:15px 15px;
  background-repeat:no-repeat;
  background-position:center; 
}