將輝光添加到表格行

無論如何要在表格中的一行周圍添加輝光嗎？類似於這種形式。將輝光添加到表格行

enter image description here

繼承人的代碼來實現這一目標，從CSS/HTML: Create a glowing border around an Input Field

.glowing-border { 
    border: 2px solid #dadada; 
    border-radius: 7px; 
} 

.glowing-border:focus { 
    outline: none; 
    border-color: #9ecaed; 
    box-shadow: 0 0 10px #9ecaed; 
}

任何人都知道我怎麼會是這樣的風格轉移到錶行？

在CSS

來源

2013-08-23 Daft

你在使用什麼html？每行多個單元，或者只有一個？這個'輝光'應該在什麼內容或者什麼內容？ *顯示*我們*你想要什麼，你正在做什麼。 –

它不是在TR做

它已經討論here

也here看到有吸引力的TR在表

來源

2013-08-23 14:09:49

所以沒有辦法用jQuery添加邊框？ – Daft

@Daft你應該檢查鏈接，雖然這篇文章沒有回答你的問題。 –

yes by $（「＃your selector」）。css（'border'，'1px solid gray'）; //見http://api.jquery.com/css/ –

不是真的，你所追求的，但你可以申請您的css到td元素：

td { 
    outline: none; 
    border-color: #9ecaed; 
    box-shadow: 0 0 10px #9ecaed; 
}

請參閱http://jsfiddle.net/bbMS5/1/

來源

2013-08-23 14:20:32 poida

這種風格也適用於'tr's，或者可以應用於'tr's的類：參見[this jsFiddle]（http：/ /jsfiddle.net/roryokane/H2USP/）。所以很容易讓所有行發光，或者只是一行或一個具有特定類的單元格。 –

@Rory O'Kane，不能在我的瀏覽器上工作，我使用chrome 28.0.1472.0 canary – poida

將輝光添加到表格行

回答

相關問題