Question

所以我有像

这样的代码

<button id="create_btn" class="btn" type="button" title="List Available Games">List Games</button>

我希望即使在访问之后颜色也总是白色。我的CSS看起来像：

.btn {
    border-radius: 0px; 
    color: white;
    display: inline-block;
}
.btn:hover { 
    color: white; 
}
#create_btn {
    background-color: firebrick; 
    width: 120px;
    height: 42px;
}

但是当我点击它时，我不知道如何让颜色保持白色，即使它当前什么都不做（在应用程序中，它会在下面的桌子上创建或列出游戏而不刷新，所以应该怎么做？我这样做了？我尝试了.btn:visited { color: white;}但是这样做不行，还尝试在其周围添加<a></a>并更改a:visited，但点击后文字仍为黑色。

我甚至不确定它是否是“已访问”的概念，因为当我点击按钮时，我还没有添加JS功能来执行任何操作，所以它只是在那里加载直到我点击其他地方。虽然它点击后“加载”，但它是黑色的，我希望它保持白色。

Answer 1

您的CSS似乎被覆盖了。请使用FireBug（http://getfirebug.com/enable）并检查类/ ID是否有覆盖

https://jsfiddle.net/z7h0kc79/ - 似乎很好。

<button id="create_btn" class="btn" type="button" title="List Available Games">List Games</button>


.btn {
border-radius: 0px; 
color: white;
display: inline-block;
}

.btn:hover { color: white; }
#create_btn {
background-color: firebrick; 
width: 120px;
height: 42px;
}

Answer 2

您已经编写了CSS来设置按钮的样式以及将鼠标悬停在按钮上。你缺少的是访问过的CSS样式。这可以添加到CSS样式表中：

.btn：已访问{}

放置“背景颜色”（将为整个按钮着色）。请记住，“颜色”仅适用于文本。

您也可以在访问后将访问按钮更改为图像。在CSS中绘制图像非常简单。你最终得到.btn：visited {background-image：}

如何更改访问按钮文字的颜色？

2 个答案: