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

步骤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/

最佳答案

如果这是您要应用的唯一样式,则只需删除样式属性即可:

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


否则,您可以创建一个名为transparent的类,然后添加和删除该类:

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


CSS:

.transparent{
    background:none transparent;
}


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

关于javascript - jQuery(1.8.1/1.8.2),Internet Explorer 8:如何删除透明的CSS属性?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/13229079/

10-10 23:24
查看更多