如何更改箭头的颜色？

Question

我有这个网站：

http://dl.dg-site.com/

在这个网站，我们有一个菜单箭头灰色...

我怎样才能改变白色箭头，而无需修改别的颜色吗？

我发现这里的代码......并且不改变颜色，但只有箭头

header, 
    nav>ul ul, 
    #magic-line, 
    #topbar.announcement_bar_style_3, 
    #topbar.announcement_bar_style_2, 
    #topbar.announcement_bar_style_1, 
    .testimonial_small p, 
    .ABs_pricing-table-2 .ABs_pricebox_feature:last-of-type{ 
     border-bottom-color:#969696 !important; 
    } 

你能帮我解决这个问题？

在此先感谢！

Answer 1

#magic-line { 
    border-bottom-color: #fff !important; 
} 

!important声明是必需的，因为它会覆盖您在问题中显示的规则。一般你应该避免使用！ important。

虽然我怀疑这是一个现成的WordPress主题，并且您在问题中显示的规则会通过主题注入到页面中，因此您可能无法直接对其进行编辑。在这种情况下，!important将是必需的，您需要确保新规则出现在设置灰色边框颜色的规则之后。

如果出于某种原因，您无法在主题生成样式之后加载自定义样式，那么您需要一个更具体的规则以确保它优先。

nav #magic-line { 
    border-bottom-color: #fff !important; 
}