javascript - jQuery（1.8.1/1.8.2）、Internet Explorer 8：如何去除css属性透明？

Question

我有一个要设置透明的输入字段，然后删除透明度。

步骤1：

<div class="container" style="background: grey">
    <input id="firstName" type="text" value="Hello">
</div>

脚本：

$("#firstName").css("background", "transparent");

现在输入元素的背景颜色为灰色（容器背景颜色）。到目前为止，在 IE + Chrome 中都很好。

第 2 步：我想删除“透明”css 属性，所以我尝试这样做：

$("#firstName").css("background", "");

这适用于 Chrome，因为背景设置为白色。然而，在 IE8 中，输入元素的背景颜色仍为灰色。上面的行在 IE8 中根本没有任何效果。有谁知道如何实现我想要做的事情？

JSFiddle 这里有完整的代码：http: //jsfiddle.net/R24Ym/5/

score 1 · Accepted Answer

如果这是您应用的唯一样式，您可以简单地删除样式属性：

$('#firstName').removeAttribute('style');

否则，您可以创建一个名为 transparent 的类并添加和删除它：

$('#firstName').addClass('transparent');
$('#firstName').removeClass('transparent');

CSS：

.transparent{
    background:none transparent;
}

1 回答 1