html - 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);

你也可以查看我制作的这个 fiddle here .

您用于渐变的代码仅适用于 Internet Explorer。如果您想要与大多数浏览器兼容的代码，请检查此工具 here .