Add glow to a table row

Question

Is there anyway to add a glow around one row in a table? Similar to this form.

enter image description here

Heres the code to make this happen, from 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;
}

Anyone know how I could transfer this style to a table row?

What html are you working with? Multiple cells per row, or just one? What are the contents that this 'glow' should around, or in? *Show* us what *you* want, what you're working on. — David Thomas, Aug 23 '13 at 14:29

score 2 · Answer 1 · answered Aug 23 '13 at 14:20

2

Not really what you are after, but you can apply your css to the td element:

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

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

answered Aug 23 '13 at 14:20

poida

3,403
26
26

That style can apply to `tr`s too, or to a class that can be applied to `tr`s: see [this jsFiddle](http://jsfiddle.net/roryokane/H2USP/). So it's easy to make all rows glow, or just a row or a cell with a certain class. – Rory O'Kane Aug 23 '13 at 15:37
@Rory O'Kane that doesn't work on my browser and I'm using chrome 28.0.1472.0 canary – poida Aug 23 '13 at 22:48

score 0 · Answer 2 · edited May 23 '17 at 12:30

0

in css it is not done on tr

it is already discuss here

see also here to attractive tr in tables

edited May 23 '17 at 12:30

Community

1
1

answered Aug 23 '13 at 14:09

Rituraj ratan

10,260
8
34
55

so there would be no way to add the border with jQuery? – Daft Aug 23 '13 at 14:14
@Daft you should have checked the link though this post doesn't answer your question. – Mr_Green Aug 23 '13 at 14:16
yes by $("#your selector").css('border','1px solid gray'); // see http://api.jquery.com/css/ – Rituraj ratan Aug 23 '13 at 14:19

Add glow to a table row

2 Answers2