1

いくつかの行をマークするためのフラグ付きのテーブルがあります。

私は次のcssを持っています

<table class="hovered no-border" data-url="@Url.Action("General", "Transport")">
    <tbody>
        <tr>
            <td><input type="checkbox" value="0"/></td>
            <td>TNB.12/00125</td>
            <td><i class="icon-flag-3 fg-color-grayLight"></i> Blah blah blah</td>
        </tr>
        <tr>
            <td><input type="checkbox" value="0"/></td>
            <td>TNB.12/00128</td>
            <td><i class="icon-flag-3 fg-color-grayLight"></i> Blah blah blah</td>
        </tr>
        <tr>
            <td><input type="checkbox" value="0"/></td>
            <td>TNB.12/00129</td>
            <td><i class="icon-flag-3 fg-color-grayLight"></i> Blah blah blah</td>
        </tr>
        <tr>
            <td><input type="checkbox" value="0"/></td>
            <td>TNB.12/00119</td>
            <td><i class="icon-flag-3 fg-color-yellow"></i> Blah blah blah</td>
        </tr>
    </tbody>
</table>

table.hovered tbody tr:hover {
  background-color: #ececec; 
}
table.hovered tbody tr td:hover i {
  color: #9a9a9a !important;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'iconFont';
  font-style: normal;
  speak: none;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  margin: 0 2px;
  -webkit-font-smoothing: antialiased;
  border: 1px transparent solid;
}
.icon-flag-3:before {
   content: "\e14f";
}

ここに画像の説明を入力

行がホバーされると、フラグの色を grayLight から濃い灰色に変更します。これは私のCSSで行われます。

ご覧のとおり、119 番線は黄色の旗で飾られています。

私の問題:行がホバーされているときに黄色の旗の色を変更したくありません。それを避ける方法は？

ありがとう。

4

1 に答える 1

1

次のように灰色の旗の色を上書きします。

table.hovered tbody tr td:hover i.fg-color-grayLight {
  color: #9a9a9a !important;
}
于 2013-01-29T12:42:16.363 に答える