How to properly style a text area with inner shadows and scrollbar

Question

I\'m putting an inner-shadow on all my controls, inputs and textareas by using the following CSS:

input {
  padding: 7px;
  -webkit-box-shadow: inset 2px 2px 2px         


        

Answer 1

You can just add: padding-right: 0; to the textarea selector and it will line up your scrollbar with the side of the element. :)