Javascript jQuery(1.8.1/1.8.2),InternetExplorer8:如何删除css属性透明?

Javascript jQuery(1.8.1/1.8.2),InternetExplorer8:如何删除css属性透明?,javascript,jquery,css,internet-explorer-8,background,Javascript,Jquery,Css,Internet Explorer 8,Background,我有一个输入字段,我想设置为透明,然后删除透明度 步骤1: <div class="container" style="background: grey"> <input id="firstName" type="text" value="Hello"> </div>​ 现在输入元素的背景色为灰色(容器背景色)。到目前为止,IE和Chrome都表现良好 步骤2:我想删除“透明”css属性,因此我尝试以下操作: $("#firstName").css(

我有一个输入字段,我想设置为透明,然后删除透明度

步骤1:

<div class="container" style="background: grey">
    <input id="firstName" type="text" value="Hello">
</div>​
现在输入元素的背景色为灰色(容器背景色)。到目前为止,IE和Chrome都表现良好

步骤2:我想删除“透明”css属性,因此我尝试以下操作:

$("#firstName").css("background", "");
这在Chrome中工作,因为背景设置为白色。然而,在IE8中,输入元素的背景色仍然是灰色的。上面这一行在IE8中根本没有任何效果。有人知道我要做什么吗


jsiddle在此提供完整代码:

如果这是您正在应用的唯一样式,您只需删除样式属性:

$('#firstName').removeAttribute('style');
否则,您可以创建一个名为transparent的类,并添加和删除该类:

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


如果这是您正在应用的唯一样式,只需删除“样式”属性即可:

$('#firstName').removeAttribute('style');
否则,您可以创建一个名为transparent的类,并添加和删除该类:

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