更改Bootstrap条形表的单行的颜色

d4rty

我不会通过使用JQuery来更改条纹表的各个行的颜色:

$("#rowElementId").addClass("activeRow");

css类activeRow如下所示:

.activeRow {
background-color: #d9d9d9;
}

该表本身看起来像这样:

<table class="table table-striped">
    <thead>
        <tr id=...>
        ...

问题是,我的解决方案JQuery指令仅适用于条纹表的白色行。我该如何更改?

在这里您可以找到我的问题的示例:Bootstrap

约瑟夫·马里克尔

特异性已关闭。当前行的颜色选择是在自举3的情况如下:.table-striped>tbody>tr:nth-of-type(odd)

您应该将自己的样式设置为这样,以增加其特异性:

.table-striped>tbody>tr.activeRow{
    background-color: #d9d9d9;
}

编辑:这是您的bootply的分支,演示了此方法。(为了清楚起见,我添加了额外的行)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何更改反应表中单行的边框颜色

来自分类Dev

更改SFSafariViewController的条形颜色

来自分类Dev

更改单行的视图背景颜色

来自分类Dev

更改直方图中的条形颜色

来自分类Dev

全局更改UINavigationBar条形颜色

来自分类Dev

如何更改Bootstrap警告类表行的颜色

来自分类Dev

背景颜色更改Bootstrap

来自分类Dev

更改堆叠条形图的颜色

来自分类Dev

更改条形的颜色使模糊区域变为黑白

来自分类Dev

如何根据数据尺寸更改条形颜色?

来自分类Dev

PHPExcel更改柱形图的条形颜色

来自分类Dev

Chart.js更改条形的颜色

来自分类Dev

更改条形图图例中的颜色

来自分类Dev

更改对应的条形堆栈颜色

来自分类Dev

ggplot更改条形图的颜色

来自分类Dev

更改一些条形颜色

来自分类Dev

更改堆叠条形图中的颜色

来自分类Dev

如何在Highcharts条形图中更改特定的条形颜色?

来自分类Dev

Google Diff条形图-更改条形颜色

来自分类Dev

Google条形图无法更改单个条形颜色

来自分类Dev

Python Pandas条形图-更改特定条形的颜色

来自分类Dev

在R中的ggplot条形图中更改条形的颜色

来自分类Dev

Google Diff条形图-更改条形颜色

来自分类Dev

PHP pChart更改条形图的条形颜色

来自分类Dev

更改Bootstrap条纹表中的颜色...但仅在其中一些颜色上

来自分类Dev

根据条形颜色更改 highcharts 工具提示颜色

来自分类Dev

如何更改/设置数据网格中单行的背景颜色?

来自分类Dev

更改 ap 标签中单行的颜色,然后将其改回

来自分类Dev

更改Bootstrap材质主题的颜色