Box-sizing: how to get rid of the scrollbar padding in Firefox

Question

Here\'s a sample code:

Answer 1

Firefox applies the padding not only to the content but to the scrollbar as well.

Change your textarea style definition so that it reads like this:

textarea
{
    overflow:auto; 
    box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    line-height:26px;
    padding: 0;
    padding-left: 6px;
}

This corrects the padding issue, but once there are two or more lines of text it will look somewhat awkward.