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

Question

这是我的代码

在这里，当鼠标指针位于按钮图像上时，我使用 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>

Answer 1

试试这个

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