将box-shadow添加到表格列(从上到下)？

Question

我有这个简单的表格,如果我点击一列 - 我需要选择整个选定的列(从顶部到按钮).

我没有颜色或HTML的问题,但我确实有box-shadowcss属性的问题.

它应该是这样的:

请注意"right-shadow"和"left-shadow"(底部 - 我不在乎)

但是当我试图通过JQ 制作它(JSBIN SAMPLE)时:

$("#tblPlan td:nth-child(2)").addClass('shadow')

地点:

.shadow
{
    box-shadow:0px 0px 10px  black;
}

它适用于所有边界(显然应该)(包括内部):

题

我怎样才能实现只有左右(底部我不在乎)的解决方案？

jsbin

Answer 1

我更新了jsFiddle以使用带有:before和:after元素的inset-box-shadow,如这个伟大的解决方案所示.

我认为这是针对您的问题的最佳css解决方案,大多数其他黑客都有非常圆的阴影,看起来很奇怪.