CSS后台属性不能覆盖IE过滤属性？

Question

嗨..

我有一个标签,其背景默认为渐变(IE).

     label{
      width:100px;
      height:100px;
      border:1px solid red;
      filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorStr="#ff3333",endColorStr="#663300");
     }
<label> Rama Rao </label>

我允许用户以渐变或正常方式更改背景颜色.我正在获取用户输入的值,并设置css:

<label style="background:#val1"> Rama Rao </label>

要么

  <label style="filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorStr="#val1",endColorStr="#val2");"> Rama Rao </label>

它可以工作,如果用户再次设置渐变...但不是如果用户输入正常颜色...但据我所知,一个inline-style可以覆盖内部风格.....但它不工作的filter情况下(我的意思是,过滤器不能是被背景覆盖) ...我怎样才能克服这一点？
注意:对于名称震动,我在<label>这里提到......但是任何标签都可能发生....

Answer 1

您可以使用以下方法删除它:

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

你也可以查看我在这里制作的小提琴.

您用于渐变的代码仅适用于Internet Explorer.如果您想要与大多数浏览器兼容的代码,请在此处查看此工具.