box-shadow
принимает несколько значений, так просто повторить свои значения с -3px
смещения:
-moz-box-shadow: inset 3px 0px #BDD4DE, inset -3px 0px #BDD4DE;
-webkit-box-shadow: inset 3px 0px #BDD4DE, inset -3px 0px #BDD4DE;
box-shadow: inset 3px 0px #BDD4DE, inset -3px 0px #BDD4DE;
Но те больше похожи на границы, чем тень. Может быть, вы должны использовать границы вместо этого, и, возможно, с box-sizing: border-box
в случае, если вы не можете вычесть из ширины или утеплитель:
border-left: 3px solid #BDD4DE;
border-right: 3px solid #BDD4DE;
См. также: [Может ли CSS3 box-shadow: вставить только одну или две стороны? как border-top?] (http://stackoverflow.com/questions/5917412/can-css3-box-shadowinset-do-only-one-or-two-sides-like-border-top) (с использованием границ больше применим здесь, так как вы вообще не размываете тени) – BoltClock