Question

不知道我昨晚做了什么，但现在我今天早上起床，铬似乎覆盖了我的主播和输入风格。我希望我可以在这里发布一段代码，但我不知道可能导致它的代码是什么。我不想让!mportant到处修理它，所以我希望有人可以查看test site并找出Chrome不喜欢的内容。页面顶部的headerWidgets（电子邮件，电话和搜索）不应该有装饰，应该在悬停时更改颜色。我甚至不能将光标放在搜索输入中。导航菜单不应该有装饰，但悬停工作。去搞清楚。 chrome dev工具向我展示了这个：

a:-webkit-any-link {        user agent stylesheet
    color: -webkit-link;
    text-decoration: underline;
    cursor: auto;
}

和一堆用于输入的用户样式表条目

Answer 1

a:-webkit-any-link {
    color: -webkit-link;
    text-decoration: underline;
    cursor: auto;
}

是a代码的webkit的默认样式。

添加一个css选择器#email a,#phone a并将所需的样式放入其中。像这样：

#email a,#phone a{
    text-decoration:none;
}

和悬停：

#email a:hover,#phone a:hover{
    color:red;
}

更好的选择器，可以定位#headerWidgets

中的所有锚标记

#headerWidgets a {
    color: #F00;
}

#headerWidgets a:hvoer {
    color: #CCC;
}

你不能再点击搜索框的原因是div#headerMenuWrapper阻挡了你的方式。当开发工具悬停在此元素<div id="headerMenuWrapper" class="clearfix">上时，您会看到它覆盖#headerWidgets

Chrome突然重写样式表

1 个答案: