jquery - 为什么这个 jQuery CSS 操作不起作用？

Question

$("#submit_button").css("input.submit_button:hover","url()");

我想要实现的是删除背景图片 url 并在悬停时保持其他所有内容完好无损。

Answer 1

input.submit_button:hover选择器不是 CSS 规则。

$("#submit_button").hover(function(){
   $(this).css('background-image','');
});

Answer 2

尝试不同的方法

//css

 .includehover{
     background:url("yourfile");
    }

并将这个类交给你的提交按钮

//jQuery

$(document).ready(function(){
  $("#submit_button").mouseover(function(){            
              $(this).addClass('includehover');           

   });

$("#submit_button").mouseout(function(){            
                  $(this).removeClass('includehover');           

       });

});

Answer 3

好吧，我建议您仅在 css 中执行此操作。有一个为按钮提供背景图像的 css，并且在悬停时不提供背景图像。

<input type = "submit" id = "sub" />

#sub {
background-image : url ('your url');
}

#sub:hover{
//No Background image attribute
}