代码之家  ›  专栏  ›  技术社区  ›  eComEvo

使用jQuery覆盖CSS属性

  •  1
  • eComEvo  · 技术社区  · 13 年前

    假设我在链接的样式表中有以下CSS:

    td {background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);}
    

    这会使我的所有表列变为绿色。

    假设我有以下表格行:

    <tr id="myRow"><td>stuff</td><td>more stuff</td></tr>
    

    整行都是绿色的,但根据用户输入,我想执行以下操作:

    $("#myRow").children('td').css('backgroundColor', 'red');
    

    为什么这不把我的行从绿色变成红色?我如何在不添加 !important 我的样式表?

    1 回复  |  直到 13 年前
        1
  •  5
  •   Lemur    13 年前

    您可以尝试:

    $("#myRow").children('td').css('background-color', 'red');
    

    或

    $("#myRow").children('td').css('background', 'red');
    

    还有一些奇怪的事情要检查以上是否不起作用:

    • 您将jQuery代码调用到哪里?(它在某种功能上, $(document).ready() ..?)
    • 你有内联吗 style 属性?
    • 您是否有任何由以前的代码引起的错误?(请参阅调试器-FireBug的内置Chrome开发工具)