2015-10-16 115 views
1

当访问该页面在微服私访(除去:visited样式)的链接的文本是蓝色,但它应该是白色CSS颜色不工作的链接

.button { 
 
    color:#ffffff; /* white */ 
 
    background:#d8eaf0; 
 
} 
 
.button:visited { 
 
    color:#ffffff; /* white */ 
 
    background:#d8eaf0; 
 
} 
 
.button:hover { 
 
    color:#ffffff; /* white */ 
 
    background:#3838a5; 
 
} 
 
.button:active { 
 
    color:#ffffff; /* white */ 
 
    background:#d8eaf0; 
 
}
<a href="example.com" style="text-decoration: none" class="button">text</a>

+2

在你的CSS你有'button {background:#d8eaf0; }',所以你有一个背景灯蓝色的按钮 –

+0

嗯,我试图运行你的代码,它在'隐身'工作正常,正常工作正常模式。 – Saani

+0

@ LuisP.A。问题是文字.. –

回答

1

你在哪里 “.button” CSS样式,将其更改为 “.button:链接”。

+0

让我们[在聊天中继续讨论](http://chat.stackoverflow.com/rooms/92621/discussion-between-jess-and-dani-springer)。 – Jesse

+1

我看到你的脚注有另一个问题吗?如果你希望我协助解决这个问题,请大声呐喊。 – Jesse

+1

转到您的聊天室的主题 – Jesse

0

尝试将position设置为absolute。如果仍然无效,请进入隐身模式,然后继续inspect element并检查文本框是否重叠。

如果什么都不起作用,请在Google上使用inspect elements,这应该会给你一个很好的开头。祝你好运:D