More element picker style inheritance

[pwstokes225]

On https://jquery.com/, the element picker <textarea> inherits a min-height, resulting in an overlap:

[pwstokes225]

On http://maxcdn.com/, <button> inherits a min-height making buttons larger than usual:

Additionally, the buttons also move when clicked:

I don't understand the details here, but their inherited relative position seems to have an effect on this.

[pwstokes225]

<textarea> can also inherit rounded edges as well as various coloured borders and shadows.

Default style (both on and off focus):

https://github.com/ (off focus):

https://github.com/ (on focus):

http://maxcdn.com/ (off focus):

http://maxcdn.com/ (on focus):

These visual differences tend to be subtle. Though the last example shows that they can potentially be blatant.

[pwstokes225]

On http://intel.com/, <textarea> inherits a font-family, font-size and line-height and <ul> inherits a margin-top and margin-bottom:

[pwstokes225]

On http://jsperf.com/, <button> has a blue gradient when hovered over: