jQuery:如何从div中删除css border属性?

时间:2012-09-27 15:10:33

标签: javascript jquery css

我正在尝试删除div的边框,但没有运气。我已经在我的css中注释掉了代码,这是我要删除的正确属性。这是我目前使用的代码。背景颜色更改正在下面的代码中工作,但removeClass不是。

var tab = getURLParameter("tab");

// Disable the visual style of the button since it is disabled for this page.
if (tab == "Property") {
    $(".scrape-button").css('background-color', '#efefef');
    $(".scrape-button:hover").removeClass('border');
}

有什么想法吗?谢谢!

6 个答案:

答案 0 :(得分:10)

只需删除这样的css属性:

$(".scrape-button:hover").css('border','');

.removeClass()用于从元素中删除声明的css类。

答案 1 :(得分:5)

带有悬停伪类的jQuery选择器无效,因为页面中没有悬停状态的元素。我建议你尝试不同的方法

<script>
  var tab = getURLParameter("tab");

  if (tab == "Property") {
    $(".scrape-button").addClass("disabled")
  }
</script>
<style>
  .disabled {
    background-color: #EFEFEF;
  }

  .disabled:hover {
    border: none;
  }
</style>

答案 2 :(得分:2)

$('.scrape-button:hover').css('border', 'none');

试试这个

答案 3 :(得分:1)

jQuery中没有:hover 伪类..

试试这个

$('.scrape-button').hover(function() {
    $(this).removeClass('border')
}, function() {
    $(this).addClass('border')
});​

检查FIDDLE             

答案 4 :(得分:1)

请尝试使用课程 -

$(".scrape-button:hover").attr('class','');

答案 5 :(得分:1)

尝试一下:

$(".scrape-button:hover").css('border','');

$('.scrape-button:hover').css('border', 'none');