テーブル行のハイライトを白い枠線に変更する

Question

CSSを変更して、表の行が色で強調表示されないようにすることができますか？次のように

CSSは次のとおりです。

<style> 
body { 
    background-color: #0D0D0D; 
} 

tr:hover{ 
    background: grey; 
    } 


tr:hover td{ 
    background: transparent !important; 
} 



</style> 

そして、ここで完全なテーブルです： https://jsfiddle.net/aqjccpvx/

Answer 1

更新フィドル：https://jsfiddle.net/aqjccpvx/1/

あなたのCSSルールにこれを追加します。

tr:hover{ 
    background: #403151; 
    border: 1px solid white; 
} 

を

EDIT： これを交換するホバリングするときには、移動する行を修正したい場合は、次の

border: 1px solid white; 

で：

outline: 1px solid white; 

固定フィドル：https://jsfiddle.net/aqjccpvx/4/

Answer 2

もちろんこれが可能である：

単に変更あなたのCSSに：

tr:hover{ 
    border: 1px solid white; 
} 


tr:hover td{ 
    background: #403151; 
}