Question

我有两个HTML图像按钮（都是灰色），每当用户点击任何按钮时，我必须将灰色图像更改为彩色图像（我有2个彩色图像），并使其他按钮变灰。因此用户可以知道活动按钮。

如何在CSS中实现这一目标？

Answer 1

将.button类（例如）添加到按钮，然后使用此jQuery代码：

$( ".button" ).click(function() {
  $('.button' ).removeClass('active');
  $( this ).addClass('active');
});

<input type="button" class="button" id="button1" value="Button 1">
<input type="button" class="button" id="button2" value="Button 2">

然后用CSS设置颜色。您可以拥有任意数量的按钮。请参阅下面的小提琴，了解其工作原理。

Answer 2

我想你想要使用类似的东西：

function buttonOnClick(){
$("#button2").css("background-color","Green");
}

<input type="button" onClick="buttonOnClick()">
<input type="button" id="button2">

单击CSS更改按钮图像

2 个答案: