满足条件时更改文本颜色

Question

有没有人知道如何在基于HTML-5网络的应用程序中执行此操作？即我需要在按下按钮时更改名称的字体颜色。这是一个应用程序，可以轻松显示球员在网球锦标赛中在场或场外的情况。 到目前为止，我有一个加载到html中的所有播放器的excel文档，这是其中一个名称：

http://i.imgur.com/Iapdp.png

和按钮如下：

http://i.imgur.com/kEGYm.png

所以我假设我可以写一个if条件，说明该按钮是否打开，然后玩家的名字变成红色或者什么...... 我也在努力布局，考虑到名字在桌子上，按钮只是在我放的地方就位于桌子上方。 任何帮助深表感谢， 路易斯。

Answer 1

如果您使用样式表 - read this - 那么您可以像这样做

button:active{
color:red;
}

或任何颜色......不一定是红色。现在这个例子非常简单，因为它会改变按钮上写的文字的颜色。但你可以使用样式表来做很多很多事情

Answer 2

一个非常简单的解决方案是使用JQuery：

$('#your_button').click(function() {
    $('#your_element').css('color','red');
}

示例：http://jsfiddle.net/UcLSG/5/

Answer 3

<a href='#changeColor'>Click me!</a>

#chaneColor:target{
    color:red;
}

会工作......就像其他一百万件事一样。请发布更多详情。至少是你想要的页面标记。