为表格行添加光晕答案

【问题标题】：Add glow to a table row为表格行添加光晕
【发布时间】：2013-08-26 14:59:59
【问题描述】：

是否可以在表格的一行周围添加发光？类似于这种形式。

这是实现这一点的代码，来自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;
}

有谁知道如何将这种样式转移到表格行？

【问题讨论】：

您使用的是什么 html？每行多个单元格，还是只有一个？这个“发光”应该围绕或包含什么内容？ 向我们展示你想要什么，你正在做什么。

标签： javascript jquery html css

【解决方案1】：

在 css 中它不是在 tr 上完成的

已经在讨论here

另请参阅here 以吸引表格中的 tr

【讨论】：

所以没有办法用jQuery添加边框？
@Daft 虽然这篇文章没有回答你的问题，但你应该检查一下链接。
是的 $("#your selector").css('border','1px solid gray'); // 见api.jquery.com/css

【解决方案2】：

不是你真正想要的，但你可以将你的 css 应用到 td 元素：

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

见http://jsfiddle.net/bbMS5/1/

【讨论】：

这种风格也可以应用于trs，或者应用于可以应用于trs的类：参见this jsFiddle。所以很容易让所有行发光，或者只是一行或一个具有特定类的单元格。
@Rory O'Kane 在我的浏览器上不起作用，我使用的是 chrome 28.0.1472.0 canary