0

我在我的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吗？

编辑：

我不能!important在我的css中使用的原因是我有这条线首先禁用提交按钮，

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

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

4

4 回答 4

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')。

于 2013-10-21T14:00:28.227 回答
1

如果您可以避免使用 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{
    ...
}
于 2013-10-21T14:03:13.300 回答
1

opacity 属性的取值范围为 0.0 - 1.0。较低的值使元素更透明。

该值opacity:1使其不透明。

于 2013-10-21T14:03:29.873 回答
0

使用以下方法修改button-simple悬停 css !important rules：

.button-simple:hover {
    opacity:.70 !important;
    filter:alpha(opacity=70) !important;
    filter: "alpha(opacity=70)" !important;
}
于 2013-10-21T14:01:08.580 回答