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. Twitter Type先行ハイライト選択
- 3. jQueryを使ったハイライト行
- 4. JavaScriptを使用してテーブル内の各行を削除する
- 5. jQueryを使用してテーブルの行を削除するには?
- 6. laravelを使用してテーブルから行を削除する
- 7. JQueryとPHPを使用してテーブル行を削除する
- 8. javascriptを使用してテーブルから行を削除する
- 9. PHPを使用してSQLテーブルから行を削除する
- 10. テーブルから行を削除するmysql
- 11. テーブルの行を削除するには?
- 12. Laravel - 行(テーブル)を削除する
- 13. JQueryのテーブル行を削除する
- 14. テーブル行を削除するPHPコード
- 15. jqueryテーブル行のヘルプを削除する
- 16. テーブルビューでテーブル行を削除する
- 17. blueprintjsテーブルの行ヘッダーを削除する
- 18. テーブル行を削除するPHP
- 19. WebStorm 11の現在の行のハイライトを削除する方法
- 20. テーブル行をハイライト表示
- 21. jqueryを使用してテーブル行を削除します
- 22. pythonを使って.datファイルの行と列を削除する
- 23. fgetcsvを使って空行を削除する方法
- 24. hibernateを使ってJavaの行を削除するには?
- 25. Rubyを使ってCSVファイルから行を削除する
- 26. tkinterを使って行を削除する方法
- 27. bashを使ってテキストファイルから行を削除する
- 28. jquery、ajax、PDOを使って行を削除する方法
- 29. Bash - sedを使ってファイルから行を削除する
- 30. mysqlでPHPを使って行を削除するには?
あなたのテーブルには、ブートストラップ「テーブル・ストライピング」クラスを使用していますか?はいの場合は、「テーブルストライプ」クラスを考慮しないとどうなるかを調べるために、以下に追加したjsfiddlesを確認してください。 – mg1075