javascript - jQuery (1.8.1/1.8.2)、Internet Explorer 8 : How to remove css attribute transparent?

Question

我有一个输入框，我想将其设置为透明，然后移除透明度。

第一步:

<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

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

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

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

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

CSS:

.transparent{
    background:none transparent;
}

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