jQuery (1.8.1/1.8.2)，Internet Explorer8:如何删除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/

Answer 1

如果这是您要应用的唯一样式，则只需删除style属性：

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

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

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

CSS：

.transparent{
    background:none transparent;
}

http://jsfiddle.net/R24Ym/7/