重写类！重要标记

我想覆盖！我使用的插件中悬停类的！重要标记。重写类！重要标记

在插件元素/类的CSS如下：！

input.fl-submit { 
    background: #555; 
    background: -webkit-gradient(
     linear, 
     left bottom, 
     left top, 
     color-stop(0.12, rgb(60,60,60)), 
     color-stop(1, rgb(85,85,85)) 
    ); 
    background: -moz-linear-gradient(
     center bottom, 
     rgb(60,60,60) 12%, 
     rgb(85,85,85) 100% 
    ); 
} 

input.fl-submit:hover { 
    background: #282828 !important; 
}

我试图改变的背景属性，我可以与重要的标签做input.fl提交，但由于悬停属性已经有一个！重要的标签，我无法解决如何重写这个。我已经尝试了几个jQuery的方法，我已经找到了stackoverflow，但一直未能得到它的工作，所以将不胜感激的任何帮助。

感谢，

尼克

来源

2011-07-28 Nick

这就是为什么'不应该被用来important'一个很好的例子！如果您可以编辑CSS，请使用[特定]（http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/）而不是“重要”进行修改。 – shanethehat

的!important标签的整个想法是让你无法忽略它。我假设你没有访问CSS并且不能移除它，因此，我唯一的解决方案是使用另一个!important修饰符（这将覆盖前一个）给它另一个背景样式。

来源

2011-07-28 12:37:13 Phil

...另一个'！''修饰符_和一个更具体的选择器。 – Johnny5

我假设他不能修改'CSS' – Phil

是的，我无法轻易修改CSS或html。它由插件生成。 – Nick

您可以随时使用JavaScript：

 document.styleSheets[1].deleteRule(0); 
    var background = '#000000'; 
    document.styleSheets[1].insertRule('input.fl-submit:hover { background: ' + background + '; }', 0); 
    //Another Way of doing... 
    document.styleSheets[1].cssRules[0].style.background = background;

More Info

来源

2011-07-28 12:38:35

谢谢。我不知道如何修改这个脚本来达到我的特定目的。我可以看到在哪里调整背景，但不知道如何引用被称为“formloom-page1-css”的CSS文件。 – Nick

你可以用jQuery来做同样的事情：http://jsfiddle.net/NqNh3/好的idk。完全一样....等待它是否必须悬停值？ – Joonas

yes，hover value – Nick

重写类！重要标记

回答

相关问题