-1

所以我有类似的代码

<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 功能让它做任何事情，所以它只是坐在那里加载，直到我点击其他地方。虽然点击后它正在“加载”，但它是黑色的，我希望它保持白色。

4

2 回答 2

0

您的 CSS 似乎被覆盖了。请使用 FireBug ( http://getfirebug.com/enable ) 并检查 class/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;
}
于 2016-02-23T22:46:15.433 回答
-1

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

.btn: 已访问 { }

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

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

于 2016-02-23T22:46:48.960 回答