如何更改箭头的颜色？

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;
}