将辉光添加到表格行

无论如何要在表格中的一行周围添加辉光吗？类似于这种形式。将辉光添加到表格行

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

将辉光添加到表格行

回答

相关问题