我有一个 div,它的默认类给它一个绿色背景。按下鼠标时,我想将背景更改为红色,直到松开鼠标。
我试图添加一个具有红色背景颜色的类。新的类属性似乎不会覆盖现有属性。我在 .css 文件中的原始类之后列出了新类。
css
#calc_no { background-color: #cd9781; }
#calc_yes { background-color: #8fba8e; }
.button_click { background-color: red; }
脚本
$('.button').live('mousedown', function() {
$(this).addClass("button_click");
});
$('.button').live('mouseup', function() {
$(this).removeClass('button_click');
});
html
<div id="calc_yes" class="kp_button button">Yes</div>