Question

我在我的css中设置了悬停不透明度，

.button-simple:hover {
    opacity:.70;
    filter:alpha(opacity=70);
    filter: "alpha(opacity=70)";
}

但是在我的代码中有这一行后，悬停不透明度才会显示

$('input[type=submit]').attr('disabled', false).css({opacity:1,cursor:"pointer"});

知道我可以做什么来添加悬停css？

修改

我无法在我的CSS中使用!important的原因是我有这一行首先禁用提交按钮，

$('input[type=submit]',parent).attr('disabled', true).css({opacity:0.4,cursor:"default"});

如果我在我的CSS中设置!important，这个禁用的按钮也会悬停效果，我不想要。

Answer 1

添加!important以覆盖jquery添加的内联样式。

.button-simple:hover {
    opacity:.70 !important;
    filter:alpha(opacity=70) !important;
    filter: "alpha(opacity=70)" !important;
}

编辑：

根据上次编辑，“优雅”解决方案将是：

.button-simple.active:hover {
    opacity:.70;
    filter:alpha(opacity=70);
    filter: "alpha(opacity=70)";
}

在您删除已禁用属性的脚本中添加.addClass('active')。

Answer 2

如果你可以避免使用jquery设置不透明度，你应该这样做：

$('input[type=submit]',parent).attr('disabled', true).addClass("disabled");
.button-simple.disabled{
    opacity:.4;
    filter:alpha(opacity=.4);
    filter: "alpha(opacity=.4)";
    cursor: default;
}

.button-simple{
    opacity:1;
    filter:alpha(opacity=1);
    filter: "alpha(opacity=1)";
    cursor: pointer;
}

.button-simple.disabled:hover{
    ...
}

Answer 3

opacity属性可以取0.0到1.0之间的值。较低的值使元素更透明。

值opacity:1使其不透明。

Answer 4

使用!important rules修改button-simple hover css：

.button-simple:hover {
    opacity:.70 !important;
    filter:alpha(opacity=70) !important;
    filter: "alpha(opacity=70)" !important;
}

jquery：如何使用jquery css添加css？

4 个答案: