只有顶部，底部和左侧的盒子阴影

Question

我想仅将盒子阴影添加到顶部，底部和左侧 - 没有右侧。

这是我的CSS课程：

.topBottomLeft{
      box-shadow: inset -1px 0px 0.5px 0.5px #000,inset 0 1px 0.5px 0.5px #000,inset 0 -1px 0.5px 0.5px #000 !important;
}

这是我的jsfiddle：https://jsfiddle.net/Ly4tocny/

然而，它应用于所有四个方面的盒子阴影。我错过了什么？

Answer 1

您接近解决方案。你只需稍微调整一下这些值。

以下是您的方法的一个工作示例，其中一些重点是您可以看到我所做的更改。

content

https://jsfiddle.net/ercnvzj7/

我推荐这个，以便将来着色：http://css3generator.com/

Answer 2

第一个插入值应为1而不是-1。

.topBottomLeft {
    box-shadow: inset 1px 0px 0.5px 0.5px #000,inset 0 1px 0.5px 0.5px #000,inset 0 -1px 0.5px 0.5px #000;
}