如何更改箭头的颜色？

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