將表格行突出顯示爲白色邊框

-2

我想問問是否可以更改CSS，以便表格行不會以顏色突出顯示 - 但只有白色邊框 - 當您將鼠標懸停在它們上面時？將表格行突出顯示爲白色邊框

的CSS如下：

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

tr:hover{ 
    background: grey; 
    } 


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



</style>

這裏是全表： https://jsfiddle.net/aqjccpvx/

來源

2017-02-24 Dorian

更新小提琴：https://jsfiddle.net/aqjccpvx/1/

添加到您的CSS規則：

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

編輯：如果你要修復的運動行徘徊取代這個時候：

border: 1px solid white;

有了：

outline: 1px solid white;

固定小提琴：https://jsfiddle.net/aqjccpvx/4/

來源

2017-02-24 09:10:48 tR4xX

啊你打我吧^ _^ – Option

很棒 - 我喜歡這個地方 - 你可以檢查一下html - 當第一行突出顯示時，表格會移動一點 - 你能告訴我爲什麼嗎？ – Dorian

這是因爲邊框被添加，所以行得到更高的高度 – tR4xX

當然，這是可能的：

簡單地改變你的css到：

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


tr:hover td{ 
    background: #403151; 
}

來源

2017-02-24 09:12:20 Option

將表格行突出顯示爲白色邊框

回答

相關問題