title: box-shadow with scroll bar
body: <p>I am playing with CSS now, i had make a TextArea with box shadow</p>
  
  <pre><code>-webkit-box-shadow: inset 0px 2px 0px 3px black;
  -moz-box-shadow: inset 0px 2px 0px 3px black;
  box-shadow: inset 0px 2px 0px 3px black;
  </code></pre>
  
  <p>and a vertical scroll bar. But the output is a bit bad, the text is overlay the box-shadow. Any idea to solve this?</p>
  
  <p><a href="https://i.stack.imgur.com/YBTW2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YBTW2.png" alt="enter image description here"></a></p>
  
  <p>thanks to @jiff for jsfiddle, grey box-shadow will be more observe.</p>
  
  <p><a href="https://jsfiddle.net/112o9qma/4/" rel="nofollow noreferrer">jsfiddle</a></p>