向表格行添加发光

时间:2013-08-23 14:06:17

标签: javascript jquery html css

无论如何都要在表格的一行周围添加光晕吗?与此表格类似。

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;
}

任何人都知道我如何将这种风格转移到表格行?

2 个答案:

答案 0 :(得分:2)

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

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

请参阅http://jsfiddle.net/bbMS5/1/

答案 1 :(得分:0)

在css中没有在 tr

上完成

已经讨论过here

另见here表中有吸引力的tr