Javascript 是否将框阴影添加到表列（从上到下）？

我有一个简单的表格，如果我点击一列，我需要使整个选定的列（从顶部到按钮）成为选中的列

我对颜色或html没有问题，但对

box shadow

css属性有问题

它应该是这样的：

请注意

“右阴影”

和

“左阴影”

（底部-我不在乎）

但当我试图通过JQ实现它（）时：

$（“#tblPlan td:nth child（2）”）.addClass（'shadow'）

其中：

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

它适用于所有边界（显然应该如此）（包括内部）：

问题

我怎样才能得到一个只有左右（底部我不在乎）会被遮蔽的解决方案

---

试试这样的方法：

您的css类：

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

在第四个参数（-5px）中输入负值表示阴影扩散。

---

您可以在这个答案中看到类似的内容：

您可以使用伪元素和相对/绝对位置来绘制阴影和背景颜色：

更新的css：

        #tblPlan
        {

        table-layout: fixed;
         width:100%;
        border-collapse: collapse;
        border:solid 1px lightgrey;
          position:relative;
          overflow:hidden;

        }

        #tblPlan tr:first-child td+td
        {
        white-space: nowrap;
        }



        #tblPlan td:first-child
        {
             padding-left:20px;
        }
        #tblPlan td
        {border:solid 1px lightgrey;

        padding:15px 5px 15px 5px;
        }

        #tblPlan td+ td
        { 
        text-align: center;
        }




        .shadow
        {
          box-shadow:inset 0 0 0 100px #5FCBE5;
          position:relative;

        }
.shadow:before,
.shadow:after {
  content:'';
  position:absolute;
  height:100%;
  top:0;
  bottom:0;
  width:1px;
  box-shadow:-2px 0 2px;
}
.shadow:before {
    left:0;
}
.shadow:after {
  right:0;
    box-shadow:2px 0 2px;
}

我更新了以使用带有：before和：after元素的插入框阴影，如中所示

---

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

p.s.我无法将表更改为div.eeeww。。。。我刚刚想到了一个解决方案（丑陋的一个）-z-index div transparent，它将位于列的顶部，并具有阴影…EEEWWI最初建议使用

和

，但它看起来不支持

框阴影

+1，尽管不需要jquery。以下是更新后的仅CSS版本：