Making textarea display the same in WebKit as in other browsers

Question

Webkit decided there weren't enough browser incompatibilities and added 2px of padding to my textarea. However, if I set padding:0 then it looks awful when typed in. Is there a way I can make it the same size without destroying the display? (It seems like -webkit-padding-start:2px and -webkit-padding-start:2px will fix the left and right, but there are not corresponding properties for the top and bottom)

Also, there's some type of little handle in the bottom right corner to allow resizing of the textarea. Any idea what CSS property might turn this off?

Answer 1

For the second part of your question try this:

textarea
{
  resize:none;
}

Answer 2

I'm having the same problem as you. Here is an example page http://www.oroly.com/tmp/padding.html

I made the width 200px and padding-left 190px so you can see the differences in browsers. In Webkit browsers there is obviously more padding added.

I'm not sure what you mean by setting padding to 0 will fix it but make it look ugly because that still doesn't get rid of the extra padding in webkit.