tr:hoverスタイルを削除する簡単な方法はありますか?Twitterブーストストラップ行ストライプを使ってテーブル行ハイライトを削除する
答えて
はあなたのテーブルの上に.table-striped
クラスを使用してないされた場合にのみ、右側にあります。
が.table-striped
クラスを使用するとの場合、ライトグレーの色付きのストライプを持つ行にカーソルを合わせると、行のハイライト表示が消えません。
明るい灰色の行にカーソルを合わせると、行が明るい灰色から透明(白色)に変わるので、誤ってすべての明るい灰色に行ホバー効果が適用されます色のついた行。あなたはBlenderのオリジナルの答えに応じ構築し、同様のストライプの行からのホバー効果を奪う必要がある場合
は、私はあなたに別のルールを持っていると思うオーバーライド:
.table tbody tr:hover td,
.table tbody tr:hover th {
background-color: transparent;
}
.table-striped tbody tr:nth-child(odd):hover td {
background-color: #F9F9F9;
}
良い例 : http://jsfiddle.net/pXWjq/
バギー例:ここ.table-ストライプクラスが考慮されて働いてjsfiddle例へのリンクがありますそして、ここに(テーブル行ホバーはまだ起こる例ですグレー行ホバーが計上されていないため、グレーの行): http://jsfiddle.net/448Rb/
これはすばらしいことですが、2番目のブロックの追加の奇数ホバー状態を忘れてしまった: '.table-striped tbody tr:nth-child(odd):ホバーth' – xbakesx
オーバーライドこれらのルール:これを使用して
.table tbody tr:hover td,
.table tbody tr:hover th {
background-color: #f5f5f5;
}
:Blenderの答え@
.table tbody tr:hover td,
.table tbody tr:hover th {
background-color: transparent;
}
これはIE8で動作しますが、他のIE8では動作しません。 – theLaw
- 1. ヘルパーを使ってjQueryを使ってテーブル行を削除する
- 2. jQueryを使ったハイライト行
- 3. jQueryを使用してテーブルの行を削除するには?
- 4. javascriptを使用してテーブルから行を削除する
- 5. JQueryとPHPを使用してテーブル行を削除する
- 6. laravelを使用してテーブルから行を削除する
- 7. Twitter Type先行ハイライト選択
- 8. テーブル行を削除するPHP
- 9. テーブルビューでテーブル行を削除する
- 10. テーブルから行を削除するmysql
- 11. JQueryのテーブル行を削除する
- 12. jqueryテーブル行のヘルプを削除する
- 13. fgetcsvを使って空行を削除する方法
- 14. bashを使ってテキストファイルから行を削除する
- 15. テーブル行をハイライト表示
- 16. WebStorm 11の現在の行のハイライトを削除する方法
- 17. ストライプ - STPPaymentCardTextField - 境界線を削除する
- 18. 従属テーブルの行が多い行を削除する
- 19. C#ASPX ASP.NET - 追加&テーブル行を削除
- 20. は重複行を削除し、同様に、私はテーブルを持っている
- 21. 別のテーブルの別の削除された行を参照して行を削除するためのトリガー
- 22. テーブル行のjQueryのハイライト
- 23. 最初の行を除いて表の行を削除する
- 24. Twitter tab_on_railsまたはtabulousとdeviseのブーストストラップ
- 25. 'LIMIT'を使用してテーブルから行を削除する方法
- 26. jQueryを使用して複数行レコードの行をストライプする方法は?
- 27. Pythonを使用して行のセルの内容に基づいてテーブルの行を削除する方法は?
- 28. すべてのテーブルから行を削除
- 29. SQLiteデータベーステーブルからすべてのテーブル行を削除
- 30. 削除キーを使用してDataGridから行を削除する方法
あなたのテーブルには、ブートストラップ「テーブル・ストライピング」クラスを使用していますか?はいの場合は、「テーブルストライプ」クラスを考慮しないとどうなるかを調べるために、以下に追加したjsfiddlesを確認してください。 – mg1075