需要在选择 table 行时创建背景颜色

Question

待办事项：

使用 css 或任何其他方式选择 table 行时，将背景颜色创建为突出显示

当前 Table HTML :

<table id="ember11999" class="ember-view content-table focus-group ovalview object-table container-view highlighted">
<tbody id="ember12032" class="ember-view body-view container-view">
<tr id="ember12347" class="ember-view content-row body-row-view container-view" tabindex="0" aria-label="">
<td>...</td>
<td>...</td>
</tr>
</tbody>
</table>

尝试过 CSS :

table.content-table.ovalview.highlighted tr.content-row {
    background: #FFFF99 none 0 0 repeat;
}

当我尝试上面的代码时，背景颜色影响了整个 table。但我只需要在选择 table 行上。

Answer 1

试试这个

table.content-table.ovalview.highlighted tr.content-row.inspected {
    background: #FFFF99;
}

或

table.content-table.ovalview.highlighted tr.content-row.inspected {
    background-color: #FFFF99;
}

Answer 2

首先，您的 tr 没有 inspected class css 选择器的一部分。

如果添加 class 后它仍然无法正常工作，很多时候 td 有背景（来自某些 css 你有），所以它 "hiding"背景tr。也许这也是你的情况。将您的样式更改为 tds.

table.content-table.ovalview.highlighted tr.content-row.inspected td {
    background: #FFFF99 none 0 0 repeat;
}

Answer 3

根据您的问题，这是您想要实现的目标吗？

table.content-table.ovalview.highlighted tr.content-row.inspected:focus {
    background: #FFFF99 none 0 0 repeat;
}

<table id="ember11999" class="ember-view content-table focus-group ovalview object-table container-view highlighted">
<tbody id="ember12032" class="ember-view body-view container-view">
<tr id="ember12347" class="ember-view content-row body-row-view container-view inspected" tabindex="0" aria-label="">
<td>Click</td>
<td>me</td>
</tr>
<tr id="ember12347" class="ember-view content-row body-row-view container-view inspected" tabindex="0" aria-label="">
<td>Click</td>
<td>me</td>
</tr>
</tbody>
</table>

希望我有所帮助。

需要在选择 table 行时创建背景颜色

Need to create the background colour on selecting the table row

css

uitableview

css-color