html - 单击时如何更改按钮图像的颜色？

这是我的密码
这里我用CSS的“悬停”来改变鼠标指针在按钮图片上的按钮图片字体颜色…现在我需要改变图片颜色或字体颜色当我点击按钮图片。。。
所以帮我把这个要求给我的按钮图片。。。。
按钮图像的CSS代码：

        <style>
            .button {
                border: none;
                background: url('images/btn_login.jpg') no-repeat top left;
                color:white;
                padding: 2px 8px;
             }
             .button:hover {
                 border: none;
                 background: url('images/btn_login.jpg') no-repeat top left;
                 color:black;
                 padding: 2px 8px;
              }
           </style>

HTML代码：

      <td width="84"><input name="login" class="button" id="" type="submit" value="Login" /></td>

最佳答案

试试这个

<td width="84"><input name="login" class="button" onclick="this.style.color = 'green';" id="id" type="submit" value="Login" /></td>

关于html - 单击时如何更改按钮图像的颜色？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17036665/